如何计算选择器的权重

首先,确定原始权重数值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

猜你喜欢

转载自www.cnblogs.com/haoqirui/p/10924947.html
今日推荐