优 先 级
-
优先级公式
- 继承 < 通配符选择器 < 标签选择器 < 类选择器 < id选择器 < 行内样式 < !important
-
注意
- !important写在属性值的后面，分号前面。
- !important不能提升继承的优先级。
<style>
/* 5.id选择器 */
#one {
color: skyblue;
}
/* 4.类选择器 */
.son {
color: orange;
}
/* 3.标签选择器 */
p {
color: blue;
}
/* 2.通配符选择器 */
* {
color: green;
}
/* 1.继承 */
.father {
color: blue;
}
</style>
</head>
<body>
<div class="father">
<p class="son" id="one" style="color: pink;">我是一个标签</p>
</div>
</body>
权 重 叠 加 计 算
权重叠加计算公式
权重叠加比较规则
- 先比较第一级数字(个数多的权重就高)，如果比较出来了，之后的就忽略不看。
- 如果第一级数字相同，此时再去比较第二级数字，如果比较出来了，之后的就忽略不看。
- 以此类推
- 如果最终所有数字相同，表示优先级相同，则比较层叠性 ==谁在最下面谁权重就最高==
