按照特殊性优先级排名
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;
从左到右
如果这个选择器包含id+1
例如:
<pre>#choice {
color:red;
}</pre>
100
如果这个选择器包含类或伪类+1
例如:
<pre>.choice {
color:black;
}</pre>
010
如果这个选择器包含元素名+1
例如:
<pre>h1{
color:blue;
}</pre>
001
将他们读作真正的数进行对比即可
例如:
100 > 010 > 001;