CSS 选择器权重计算规则

权重计算规则

1.第一等:代表内联样式,如: style=””,权值为1000。

2.第二等:代表ID选择器,如:#content,权值为0100。

3.第三等:代表类,伪类和属性选择器,如.content,权值为0010。

4.第四等:代表类型选择器和伪元素选择器,如div p,权值为0001。

5.通配符、子选择器、相邻选择器等的。如*、>、+,权值为0000。

6.继承的样式没有权值。

例外:!important 的作用是提升优先级,换句话说。加了这句的样式的优先级是最高的(比内联样式的优先级还高)。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一、选择器类型 1、ID#id 2、class.class 3、标签p 4、通用* 5、属性[type="text...
    取个帅气的名字真好阅读 3,025评论 0 1
  • 其实平时用得多的选择器无非也就是那么几个,时间久了,许多不常用的选择器就慢慢忘记了。为了不让自己忘记这些选择器,今...
    盛夏晚清风阅读 5,825评论 0 5
  • CSS基础 本文包括CSS基础知识选择器(重要!!!)继承、特殊性、层叠、重要性CSS格式化排版单位和值盒模型浮动...
    廖少少阅读 8,504评论 0 40
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,686评论 1 92
  • 1. class 和 id 的使用场景: id:id选择器,使用#name定义(name为id名,可任意取名),使...
    石林涛阅读 2,934评论 0 1