CSS 选择器权重计算规则


一、选择器类型


1、ID  #id

2、class  .class

3、标签  p

4、通用  *

5、属性  [type="text"]

6、伪类  :hover

7、伪元素  ::first-line

8、子选择器、相邻选择器


二、权重计算规则


CSS 选择器权重计算规则_第1张图片
权重值

第一等:代表内联样式,如: style=””,权值为1000。
第二等:代表ID选择器,如:#content,权值为100。
第三等:代表类,伪类和属性选择器,如.content,权值为10。
第四等:代表类型选择器和伪元素选择器,如div p,权值为1。

注:通配符、子选择器、相邻选择器等的。如*、>、+,权值为0。
继承的样式没有权值。

CSS 选择器权重计算规则_第2张图片
例如

参考:http://www.nowamagic.net/librarys/veda/detail/1606

  • 注:自由转载-非商用-非衍生-保持署名

你可能感兴趣的:(CSS 选择器权重计算规则)