如何计算选择器的权重

Posted haoqirui

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何计算选择器的权重相关的知识,希望对你有一定的参考价值。

首先,确定原始权重数值000.

如果选择器包含一个id,那么数值变成100.

如果包含一个类或者一个伪类,那么数值变成010.

如果包含一个元素,那么数值变成001.

综合考虑后,得到的数值越大,那么权重也就越大,浏览器会优先使用权重最大的样式。

下面是一些简单的例子:

h1.greentea 包含一个h1元素和greentea类,所以它的权重为011.

p img 包含两个元素,所以为002.

a:link 包含一个伪类和一个元素,所以为011

.green 包含一个green类,所以为010

#elixirs h1 包含一个id和一个元素,所以为101

#sidebar 包含一个id,所以为100

以上是关于如何计算选择器的权重的主要内容,如果未能解决你的问题,请参考以下文章

CSS 选择器权重计算规则

CSSCSS 特性 ③ ( CSS 优先级 | 权重叠加计算公式 )

选择器的权重与优先规则

选择器的用处

1121

CSS-层叠性中的权重计算规则