CSS的三大特性：继承、层叠、优先级
- 继承：某些样式不仅应用到所指的元素上，还应用到元素的后代上。
<style>
div {
color: red;
}
</style>
<body>
<div>
<h1>这是继承的颜色</h1>
<h2>这也是继承的颜色</h2>
<h3>这还是继承的颜色</h3>
</div>
</body>
效果图：
注意：很多属性是不继承的，例如边框、外边距、内边距、背景等。
- 层叠：确定应该把哪些值应用到元素上，这个过程需考虑声明的权重。
①权重相同，位置靠后的声明优先：
<style>
h1 {
color: red;
}
h1 {
color: green;
}
</style>
<body>
<h1>你猜我是什么颜色</h1>
</body>
效果图：
注意：看右边红色框框，被层叠的样式会有删除线。
②权重不同，权重最高的声明优先
- 优先级：根据选择器权重的大小来决定
| 选择器种类 | 选择器权重 |
|---|---|
| 继承 | 无权重 |
| 通配符选择器 | 0,0,0,0 |
| 元素选择器、伪元素选择器 | 0,0,0,1 |
| 类选择器、伪类选择器、属性选择器 | 0,0,1,0 |
| id选择器 | 0,1,0,0 |
| 行内元素 | 1,0,0,0 |
| !important | 无穷大 |
完。
文章供自身学习与巩固，若能帮到大家我也很开心。
如有不当和错误，望大家多指点，谢谢。
709
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
