原文:http://www.bkjia.com/Javascri…
样式选择器权重优先级:
important > 内嵌样式 > ID > 类 > 标签 | 伪类 | 属性选择 > 伪对象 > 继承 > 通配符
- important的权重为1,0,0,0
- ID的权重为0,1,0,0
- 类的权重为0,0,1,0
- 标签的权重为0,0,0,1
- 伪类的权重为0,0,1,0
- 属性的权重为0,0,1,0
- 伪对象的权重为0,0,0,1
- 通配符的权重为0,0,0,0
忽然意识到上文的第二行 important > 内嵌样式 > ID > 类 > 标签 | 伪类 | 属性选择 > 伪对象 > 继承 > 通配符 排序不对啊
于是,又搜了很多,资料如下:
CSS 样式优先级
css优先级
css的样式优先级
css样式继承问题
其中一篇有说这句:
任何显示申明的规则都可以覆盖其继承样式。
还有一篇是这样排序的:
多重样式间遵循:继承来的样式 < 浏览器缺省设置 < 外部样式表 = 内部样式表 < 内联样式
结合 css样式继承问题 这个问题及其答案来看,继承的优先级的确是最低的。