美文网首页饥人谷技术博客程序员
CSS 选择器权重计算规则

CSS 选择器权重计算规则

作者: 取个帅气的名字真好 | 来源:发表于2017-08-03 14:21 被阅读19次

一、选择器类型


1、ID  #id

2、class  .class

3、标签  p

4、通用  *

5、属性  [type="text"]

6、伪类  :hover

7、伪元素  ::first-line

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


二、权重计算规则


权重值

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

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

例如

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

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

相关文章

网友评论

    本文标题:CSS 选择器权重计算规则

    本文链接:https://www.haomeiwen.com/subject/phkplxtx.html