css样式权重优先级,css样式优先级
原文: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样式继承问题 这个问题及其答案来看,继承的优先级的确是最低的。
正确的优先级排序应该是:
important > 内联样式 > ID > 类 | 伪类 | 属性选择 > 标签 | 伪元素 > 继承 > 通配符
本文转载于:猿2048https://www.mk2048.com/blog/blog.php?id=h20jb0c2a2j
- 上一篇 »13 CSS样式权重问题
- 下一篇 »linux进程优先级