css三大特性

css 继承

• css 继承是指子元素会继承父元素的样式。

继承条件

• 父元素的有关的文字属性会被继承，而非文字属性则不会被继承。

css 层叠

• css 层叠是指当一个元素同时被多个样式影响时，会按照一定的规则来决定最终的样式。

层叠规则

• 当样式冲突，并且选择器优先级相同时，后面的样式会覆盖前面的样式。

css 优先级

• css 优先级：!important > 内联样式 > id 选择器 > 类选择器 > 标签选择器 > 通配符选择器 > 浏览器默认样式 > 继承样式。

• !important不能提高继承样式的优先级。

• 尽量少用!important，因为它会使得代码难以维护。

复合选择器的权重计算

分别比较两个复合选择器中各优先级选择器的个数，如果个数相同，则比较下一个优先级的选择器，直到找到个数不同的选择器，确定复合选择器的优先级

比较顺序为：（行内，id，类，标签）。