选择器特殊性排名

71次阅读

共计 212 个字符,预计需要花费 1 分钟才能阅读完成。

按照特殊性优先级排名

000

从左到右

第一个 0:

如果这个选择器包含 id+1

例如:
<pre>#choice {

color:red;

}</pre>

100

第二个 0:

如果这个选择器包含类或伪类 +1

例如:
<pre>.choice {

color:black;

}</pre>

010

第三个 0:

如果这个选择器包含元素名 +1

例如:
<pre>h1{

color:blue;

}</pre>

001

用法

将他们读作真正的数进行对比即可

例如:
100 > 010 > 001;

正文完
 0