本文详细介绍了CSS中样式规则的继承、层叠、优先级和权重计算。重点讲解了如何通过选择器权值确定样式优先级，包括内联样式、ID选择器、类选择器和元素选择器的权重，并强调了!important的使用及其优先级。同时，文章还讨论了如何调整优先级以及在实际应用中的注意事项，帮助开发者更好地理解和控制CSS样式应用。
三、CSS特性
多个选择器相互之间的影响程度
1.继承
大部分CSS效果，是可以直接被子元素继承的
必须是子元素继承父元素（祖先）的样式
2.层叠
可以为一个标签设置多个样式
规则中，属性不冲突（没有重复设置），都可以作用在当前元素上
3.优先级
如果多个样式规则作用到同一个元素，样式属性发送冲突，根据优先级
默认优先级： 最高 内联样式/行内样式
内部样式，外部样式 （就近原则）
最低 浏览器默认样式
F12显示样式，是按照从上往下，优先级从高往低
4.调整优先级
在值和分号;之间添加!important,可以把优先级提到最高，比内联都高
color:red!important; 内联中不能添加
5.选择器权值☆重点
权值：表示当前选择器的重要程度，权值越大，优先级越高
!important > 1000
内联样式 1000
id选择器 100
类/伪类 10
元素选择器 1
通用选择器 0
继承的样式 无
权值的特点
（1）当一个选择器，包含多个选择器，需要将所有的选择器权值相加，结果大的优先
（2）权值相同，就近原则
（3）群组选择器的权值，单独计算，不能相加
（4）如果样式后，添加!important，直接获得最高优先级，但是内联不能添加
（5）选择器权值的计算，不会超过本身权值的最大数量级
10000个1加在一起，不能超过100
总之：范围越小，优先级越高
631
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
