1.层叠性
CSS的层叠性是指当一个元素被同时定为两个样式时,离元素最近的样式便是该元素的样式,也可理解为后来者居上。
eg:div{
color: red;
}
div {
color: green;
}
?
?
今天是个好天气
此时div的颜色便为绿色,哪个样式离的近就是该样式。
2.继承性
顾名思义,子元素会继承父元素的样式,但主要继承与文字相关的样式和颜色,即text-,font-,line-和color均可,其他不会继承。因为这一特性,也方便开发人员简化代码。
注:
行高的继承性:
例:
3.优先级
当同一个元素指定多个选择器时,优先级也随之产生。
各选择器优先级如下:
选择器 权重
继承或*(通配符选择器) 0,0,0,0
标签选择器 0,0,0,1
类选择器和伪类选择器 0,0,1,0
ID选择器 0,1,0,0
行内样式,即style=“” 1,0,0,0
!important (重要的) 无穷大
①当优先级相同时,则执行层叠性。
②当选择器不同时,则根据优先级权重执行。
③继承的权重是0,若子元素没有被选中,无论父元素权重多高,子元素的权重均为0
④复合选择器权重会叠加
例:ul li {
color:green;
}
其权重为 0,0,0,1+0,0,0,1=0,0,0,2
⑤权重不进位(不符合二进制运算)