CSS三大特性

CSS的三大特性：层叠性，继承性，优先级

1.1层叠性（就近原则）

相同选择器设置相同的样式，此时一个样式会覆盖另一个冲突的样式，层叠性主要解决样式冲突的问题。

层叠性原则：

• 样式冲突,遵循的原则，就近原则，那个样式结构近，就执行那个样式

• 样式不冲突，不会层叠

1.2继承性（龙生龙，凤生凤，老鼠生儿会打洞）

css中的继承子标签会继承父标签的某些样式，如文本颜色和字号，简单的理解就是：子承父业

• 恰当地使用继承可以简化代码，降低css样式的复杂性
• 子元素可以继承父元素的样式（text- font line )这些元素开头的可以继承，以及color属性

1.2.1行高的继承性

• 行高可以跟单位，也可以不跟单位
• 如果子元素没有设置行高，则会继承父元素的行高为1.5
• 此时子元素的行高是：当前子元素的文字大小*1.5倍

1.3优先级

权重选择器如下：

优先级注意点

1.权重是有4组数字组成，但是不会有进位。

2.可以理解为类选择器永远大于元素选择器，id选择器用于大于类选择器，以此类推。

3.等级判断从左到右，如果第一位数值相同，则判断下一位数。

简单记忆为：通配符和继承权重为0，标签选择器为1，类（伪类）选择器为10，id选择器为100，行内样式表示为1000！。。

继承的权重为0，如果该元素没有被直接选中，不管父元素权重有多高，子元素得到的权重都是0.

权重的叠加：（权重有叠加，但是没有进位）

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

例如：li的权重是0001，ul li 的权重为0001+0001=0002

再比如：.nva li 类选择器.nva权重为00010，元素选择器li为0001，则它的权重和为0011.