了解css的两大特性

CSS特性——继承性

为什么只选择了body元素，但是所有元素的字体颜色都被改了，就是因为css属性具备继承性。

继承性是指被包在内部的标签将拥有外部标签的样式性，即子元素可以继承父元素的属性。

注意：并不是所有的属性都具备继承性

具备继承性的属性：

　　color

　　font-开头

　　line-开头

　　text-开头

值得注意的是border是没有继承性的

CSS特性——层叠性

css层叠性是一种处理冲突的能力

选择器的权重计算

可以这样理解：

选择器里面如果有一个id，那么选择器的权重就加100

如果有一个class，那么选择器的权重就加10

如果有一个标签选择器，那么权重就加1

1、权重越高，优先级越高

2、继承的属性永远都没有直接选中的属性高（此时权重无效）

3、都没有直接选中的情况下，使用就近原则

4、都没有选中并且还是一样近的时候，重新计算权重，权重高，优先级越高

5、如果都没有选中并且离得还一样近、权重还一样，这时候谁写在后面听谁的

6、! important（重要的），用来提升权重，并且它的权重是无限大的

如果同样加了important，那么就看谁的权重大

7、没有选中与直接选中永远都没法比，important也没用

原文地址：https://www.cnblogs.com/crazier/p/12310922.html