超级会员免费看
文章详细阐述了CSS的三大特性：层叠性遵循就近原则解决样式冲突，继承性允许子元素继承父元素的部分样式，优先级则根据选择器权重决定样式的执行。通过示例代码解释了如何计算和应用这些原则，包括复合选择器的权重叠加问题。
CSS有三个非常重要的三个特性：层叠性、继承性、优先级
4.1层叠性
相同选择器给设置相同的样式，此时一个样式就会覆盖(层叠)另一个冲突的样式。层叠性主要解决样式冲突
的问题
层叠性原则:
●样式冲突,遵循的原则是就近原则,哪个样式离结构近,就执行哪个样式
●样式不冲突,不会层叠
如下图，上面一个color:red;会被覆盖，但font-size:18px;不会
4.2继承性
CSS中的继承：子标签会继承父标签的某些样式,如文本颜色和字号。
简单理解就是:子承父业
●恰当地使用继承可以简化代码,降低CSS样式的复杂性
●元素可以继承父元素的样式( text- , font- , line这些元素开头的可以继承,以及color属性)，
但高度和内外边距等不能继承
行高的继承性
订阅专栏 解锁全文
扫一扫
3620
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
