如何计算选择器的权重

标签：deb   gre   样式   bar   例子   简单的   计算   它的   :link   

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

如何计算选择器的权重

标签：deb   gre   样式   bar   例子   简单的   计算   它的   :link   

原文地址：https://www.cnblogs.com/haoqirui/p/10924947.html