CSS有三大特性,分别为层叠性、继承性和优先级。下面我们就来一一了解了解
1.层叠性:即当标签的样式发生冲突时,会采取就近原则,即后面的样式会将前面的样式覆盖。
如:
div {
color : red;
}
div {
color: pink;
}
<div>
<p>我是什么颜色</p>
</div>
//此时文字会是粉红色
2.继承性:子标签会继承父标签的样式。子标签通常会继承父亲的text、font、line这些元素开头的样式,但是内外边距等不会继承。行高若是没有设置的话会自动继承标签最近一个父标签的行高
3.优先级:
权重注意点:
1.由四组数字组成,且不会进位
2.判断时从左到右依次比较
3.继承的权重是0
权重叠加:常常出现在复合选择器中