本文详细介绍了CSS样式选择器的优先级规则，包括直接在style上的样式优先级最高，选择器顺序影响优先级，优先级顺序为：继承样式<浏览器默认样式<标签样式<类样式<id样式<style>属性样式，以及如何使用!important提升属性优先级。
1/直接在 style 上定的内容优先级最高。同样的选择器，谁在后面谁的优先级比较高
2/选择器的优先级，在其余情况相同情况下，继承的样式 < 浏览器模式的样式 < 标签样式 < class样式 < id样式 < style属性样式
3/可以使用在属性后面使用 !important 将属性优先级提升到最大
4/写得越具体越复杂的选择器，优先级越高。
#d3{
color: #FFFF00;
font-size: 333px;
}
#d1{
color: forestgreen;
}
body #d1{
color: orange;
}
body#d1{
color: red;
}
<!DOCTYPE html>
<
最低0.47元/天 解锁文章
扫一扫
259
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
