CSS的权重如下:
!important Infinity正无穷
行间样式 1000
id 100
class|属性|唯类 10
标签|伪元素 1
通配符 0
256进制
当出现多个选择器时 在同一行的选择器权重相加即可
当两个混合选择器权重相同时优先选择后面的选择器
如:
html
<div class="divClass" id="idDiv">
<p class="classP" id="idP">1</p>
</div>
css:
#idDiv p.classP{
background-color:red;
}
div .classP#idP{
background-color:green;
}
两者权重相同 但是遵从先来后到 所以显示为绿色
<--本人小白 开通博客只是为了学习交流发的东西比较低级 不喜勿喷 谢谢!!-->
本文转载于:猿2048➞https://www.mk2048.com/blog/blog.php?id=ha1cc1hj&title=CSS权重的比较方法