css三大特性

110 阅读1分钟

继承性

子元素可以继承父元素的某一些css属性。

可以继承的属性:以font-开头的都可以继承

行高、color、text-align、text-indent、line-height

层叠性

样式的权重相同,就遵循就近原则,那个样式离结构近,就执行哪个样式(后面的样式覆盖前面的样式)。

优先级

权重相同,则执行层叠性

选择器不同,则根据选择器权重执行,权重以四组为一个单位

!important > 行内样式 [1,0,0,0] > ID选择器 [0,1,0,0] > 类选择器,伪类选择器 [0,0,1,0] > 标签选择器 [0,0,0,1] > *(通配符选择器) [0,0,0,0]>继承

权重比较时是从左到右依次对比,一旦比出大小就结束对比。

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

a标签内有浏览器自带的样式,所以不会应用继承的样式。

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

权重虽然会叠加,但是永远不会有进位。