CSS权重的比较方法

 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;

}

两者权重相同 但是遵从先来后到 所以显示为绿色

 

 

 

<--本人小白 开通博客只是为了学习交流发的东西比较低级 不喜勿喷 谢谢!!-->

 

转载于:https://www.cnblogs.com/AmosWong/p/AmosWong2.html