CSS权重是什么，如何计算和影响样式应用？

本文共计1362个文字，预计阅读时间需要6分钟。

CSS权重指的是CSS选择器的优先级，优先级高的CSS样式会覆盖优先级低的样式。优先级高的CSS样式会覆盖优先级低的样式，优先级越高，权重越大。CSS权重基于设定的匹配规则，浏览器通过设定好的优先级规则来判断哪个样式生效。

css权重指的是css选择符的优先级，优先级高的css样式会覆盖优先级底的css样式，优先级越高说明权重越高，反之亦然。css权重基于设定的匹配规则，浏览器通过设定好的优先级来判断哪些属性值DOM元素最为相关，从而在该DOM上应用这些值。

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

css权重是什么

css权重指的是css选择器的优先级，优先级高的css样式会覆盖优先级底的css样式，优先级越高说明权重越高，反之亦然。

css6大基础选择器：

a）、id选择器(#box{})
b）、类选择器(.box{})
c）、属性选择器(a[href="www.xxx.com"])
d）、伪类和伪对象选择器(:hoevr{}和::after{})
e）、标签类型选择器(p{})
f）、通配符选择器(*{})

css权重基于设定的匹配规则，浏览器通过设定好的优先级来判断哪些属性值DOM元素最为相关，从而在该DOM上应用这些值。

简单理解就是一个DOM的某个属性值有多个css样式设置，优先级高的那个应用。很多css设置不生效的问题，都是因为在某处定义了一个更高的优先级，从而导致该处样式不生效。