css 权重规则

78 阅读 0 评论 52 点赞

我是靠谱客的博主斯文月饼，最近开发中收集的这篇文章主要介绍css 权重规则，觉得挺不错的，现在分享给大家，希望可以做个参考。

选择器的特殊性由选择器本身的组件确定,特殊性值表述为4个部分,如: 0,0,0,0

选择器中给定的各个元素和伪元素,加 0,0,0,1

选择器中给定的各个类属性值、属性选择或伪类 ,加 0,0,1,0

选择其中给定各个ID属性值 ,加 0,1,0,0

结合符和通配选择器对特殊性没有任何贡献,换句话说,其特殊性为 0,0,0,0

内联样式,加 1,0,0,0

h1{color:red;} /* specificity = 0,0,0,1 */

p em{color:purple;}/* specificity = 0,0,0,2*/

.grape{color:purple;} /* specificity = 0,0,1,0 */

h1 + p{color:black;font-style:italic} /* specificity = 0,0,0,2 */

*{color:black;} /* specificity = 0,0,0,0 */

body * strong{color:purple;} /* specificity = 0,0,0,2*/

以上就是斯文月饼为你收集整理的css 权重规则的全部内容，希望文章能够帮你解决css 权重规则所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。