css特指度

2018-03-29  本文已影响0人  June_Done

接下来是特指度。介个之前也是一知半解,仔细推敲下其实还挺好理解哒!


  • 特指度表示一个css选择器表达式的重要程度(也可看成是权重)
    特指度可以用一个公式 I-C-E 来计算,其中
    I 是 ID
    C 是 Class
    E 是 Element
    在css选择器,遇到一个id就往特指度数值中加100,遇到一个class就往特指度数值中加10,遇到一个element就往特指度数值中加1
  • 数值越大 优先级越高,设置的样式高于特指度的继承(在做练习的时候犯了没有精准定位的错误,导致优先级不管用,以后切记!@_@)
//样式
 <style type="text/css">

.box {
       height: 800px;     
       width: 800px;
        padding:20px;
        border: 17px ridge #28d94a;
        margin:50px 30 50 250 ;
            }
#div1{
       padding:20px;    
        border: 17px ridge #28d94a;
}
span{
         height: 100%;   //设置样式
         width: 100%;
            }
 </style>
CSS选择器表达式 特指度计算结果
p 1
p.large 11
P#large 101
div p#large 102
div p#large ul.list 113
div p#large ul.list li 114

(原文参考 http://www.cnblogs.com/wangfupeng1988/p/4285251.html

上一篇 下一篇

猜你喜欢

热点阅读