选择器权重
在 CSS 中，当多个选择器作用于同一个元素并设置了相同的样式时，就会涉及到选择器权重（Specificity）的概念。选择器权重决定了哪个样式规则将被应用到元素上，具有更高权重的样式规则将覆盖权重较低的样式规则。
笔记内容
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>选择器权重</title>
<style>
/*
权重：
① * 和继承 0000，标签 0001，类和伪类 0010，id 0100，行内 1000，!important 最高。
② 若权重相同，则就近原则。
③ 权重会叠加，比如两个类选择器 .first .last{color:red}，那么最终的权重是 0020。但不管权重如何叠加，都不会进位。
*/
/* 不管父亲的权重是多少，儿子都继承不到权重，即继承的权重是 0000 */
.father{
color: red;
}
</style>
</head>
<body>
<div class="father">
<div class="son">
</div>
</div>
</body>
</html>
