css优先级权重计算规则（css优先级权重计算规则是什么）

CSS优先级指的是不同选择器应用到同一个元素上时，用于决定哪个选择器的样式最终生效的规则。CSS的优先级权重是由4个因素决定的：选择器类型、选择器数量、选择器位置和样式值的重要性。

1. 选择器类型：

样式类型                    权重值----------------------------------------------继承样式                    0标签选择器                  1类选择器、伪类选择器、属性选择器  10ID选择器                    100行内样式                    1000!important声明              10000

2. 选择器数量：

每个选择器的权重值相加，得到总的选择器权重值。选择器数量越多，权重值越大。例如：

ul li:first-child + div span {
    color: green;
}
/* 权重值：1 + 1 + 1 + 1 + 10 + 1 = 15 */

3. 选择器位置：

如果两个选择器的权重值相同，则最后出现的样式将被应用。但当一个选择器在另一选择器的内部时，内部选择器的权重值会被累加到外部选择器的权重值上。例如：

#box div span {
    color: yellow;
}
/* 权重值：100 + 1 + 1 = 102 */

4. 样式值的重要性：

如果一个样式声明使用了!important，那么它将始终被应用。例如：

p {
    font-size: 24px !important;
}
    

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！