选择器特殊性排名

按照特殊性优先级排名

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;

    原文作者:Bill
    原文地址: https://segmentfault.com/a/1190000019743741
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞