选择器权重
内联样式 1,0,0,0
id选择器 0,1,0,0
类和伪类选择器 0,0,1,0
元素选择器 0,0,0,1
通配选择器 0,0,0,0
继承的样式 没有优先级
比较优先级时，需要将所有的选择器的优先级相加计算，最后优先级越高，越优先显示
（分组选择器时单独计算的）
选择器的累加不会超过其最大的数量级，类选择器再高也不会超过id选择器
如果优先级计算后相同，此时则优先显示下边的样式（下边的会将上边的覆盖）
<style>
#box1{
color: yellow;
}
.r{
color: red;
}
div{
color: blue;
}
#box1{
background-color: red;
}
div#box1{
background-color: blue;
}
.r{
background-color: blue;
}
.d{
background-color: red;
}
</style>
</head>
<body>
<div id="box1" class="r d">these are nights that never die</div>
</body>
</html>
扫一扫
1484
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
