選擇器的特殊性:
1.對(duì)于選擇其中給定的各個(gè)ID屬性值乡括,加0,1,0,0
2.對(duì)于選擇器中給定的各個(gè)類屬性值肃廓、屬性選擇或偽類,加0,0,1,0
3.對(duì)于選擇器中給定的各個(gè)元素和偽元素诲泌,加0,0,0,1
4.結(jié)合符和通配符選擇器對(duì)于特殊性沒(méi)有任何貢獻(xiàn)盲赊,特殊性為0。
5.內(nèi)聯(lián)樣式特殊性為1,0,0,0
例子:
(a) h1{color:red;} /*0,0,0,1*/
? ? ?body h1{color:green;} /*0,0,0,2(winner)*/
(b) h2 .grape{color:purple;} /*0,0,1,1(winner)*/
? ? ?h2{color:siliver;} /*0,0,0,1*/
(c) html > body table tr[id="totals"] td ul > li {color:maroon;} /*0,0,1,7*/
? ? ?li #answer{color:navy;} /*0,1,0,1(winner)*/
注意:
繼承的值沒(méi)有特殊性敷扫,所以比0特殊性還弱哀蘑。
*{color: gray;}
h1 #page-title{color:black;}
<h1 id="page-title">Meerkat <em>Central</em></h1>
Meerkat會(huì)顯示為黑色,但是Central會(huì)顯示為灰色葵第,因?yàn)橥ㄅ浞厥庑詾?绘迁,強(qiáng)于繼承的黑色。
!important
!important: 有時(shí)某個(gè)聲明非常重要卒密,超過(guò)了所有其他聲明缀台,CSS2.1稱之為重要聲明,并允許在這些聲明的結(jié)束分號(hào)之前插入!important來(lái)標(biāo)志哮奇。
p.dark{color: #333 !important; background: white;} :僅僅color是重要聲明膛腐,如果background也要標(biāo)志為重要,需要在white后鼎俘,分號(hào)前加上哲身!important。