CSS三大特性

一、层叠性

相同选择器给设置相同的样式，此时一个样式就会覆盖另一个冲突样式：
原则：样式冲突-遵循的原则是就近原则，哪个样式理结构近，就执行哪个样式；
样式不冲突-不会层叠。

二、继承性

子标签会继承父标签的某些样式，如文本颜色，字号。

行高继承性：body { font:12px/1.5 Microsoft yahei;}
行高可以有单位也可以无单位。这个1.5代表的是当前元素文字大小的1.5倍。所以当前行高为21px.
如果子元素没有设置行高，则会继承父元素的行高1.5倍。
此时子元素的行高是当前子元素的文字大小的1.5倍。

三、优先级

给同一个元素指定多个选择器，就会产生优先级。

如果选择器相同，则执行层叠性；
如果选择器不相同，则执行选择器权重。

• 选择器 选择器权重
• 继承或者* （0,0,0,0）
• 元素选择器 （0,0,0,1）
• 类选择器，伪类选择器 （0,0,1,0）
• ID选择器 （0,1,0,0）
• 行内样式style="" （1,0,0,0）
• !important （无穷大）

注意：
（1）权重是有4组数字组成的，但是不会有进位；
（2）类选择器永远大于元素选择器，id选择器永远大于类选择器。
（3）继承权重为0，如果该元素没有直接选中，不管父元素权重多高，子元素得到的权重都是0.

权重的叠加：

复合选择器会有权重叠加的问题