CSS权重的比较方法

2018-06-24 02:26:36来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

 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;

}

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

 

 

 

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

 

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:纯HTML和CSS实现JD轮播图

下一篇:HTML中的&lt;meta&gt;标签的使用