css特指度

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

  • CSS 优先级和特指度
    1、ID 选择符 > 类选择符 > 元素选择符,特指度高的优先级高
    2、行内样式 > 内嵌样式 > 链接样式
    3、设定的样式 > 继承的样式

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

你可能感兴趣的:(css特指度)