CSS继承总结

时间:2023-03-08 23:48:04
CSS继承总结

CSS的一个重要特征就是继承,它是依赖于祖先-后代的关系的。继承是一种机制,它允许样式不仅可以应用于某个特定的元素,还可以应用于它的后代。

CSS可以继承的属性有:

  1、文字相关:font-family、font-size、font-style、font-variant、font-weight、font、letter-spacing、line-height、text-align、text-indent、text-transform、word-spacing

  2、列表相关:list-style-image、list-style-position、list-style-type、list-style

  3、颜色相关:color

  4、透明度:opacity(opacity的继承有问题,子元素会继承祖元素的opacity,但是无法更改。)

  另外,font-size继承的是父元素的大小,而不是比例。line-height当父元素是百分比或px值的时候,子元素跟父元素相同,当父元素是normal或数字的时候,子元素的line-height是子元素的字体大小乘以数字。

css继承的优先级:

  上面我们讨论了CSS的继承性和特殊性,在特殊性的框架下,被继承的特性值为0,这就意味着任何显示声明的规则将会覆盖其继承样式。因此,不管一条规则具有多高的权重,如果没有其他规则能应用于这个继承元素,那么它也只是个被继承的规则而已