CSS简介(难)---三大特性

CSS有三个非常重要的特性:层叠性,继承性,优先级。

1 层叠性

相同选择器给设置相同的样式,此时一个样式就会覆盖(层叠)另一个冲突的样式,层叠性就是解决这样的问题。

层叠行原则:

样式冲突,遵循的原则是就近原则,哪个样式离结构近,就执行哪个样式。

样式不冲突,不会层叠。

2 继承性

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

子元素可以继承父元素的样式(text, font-, line-这些开头的元素可以继承,以及color属性)。

3 优先级

当同一个元素指定多个选择器,就会有优先级的产生。

选择器相同,则执行层叠性

选择器不同,则根据选择器权重执行

CSS简介(难)---三大特性

继承的权重是零

权重叠加:如果是复合选择器,则会有权重叠加,需要计算权重。

上一篇:关于 devicePixelRatio


下一篇:CSS浮动