做這之前,當(dāng)然得將所有CSS選擇符列出來(lái)先。
現(xiàn)在已經(jīng)將所有的CSS選擇符都列舉出來(lái)了,將就對(duì)每個(gè)選擇符做單獨(dú)的解釋和舉例。對(duì)于以下的這些例子,有些只是簡(jiǎn)單的應(yīng)用實(shí)例,有些還提供了對(duì)比例子,使得可以明顯的看出該種選擇符的使用范圍和方法。
類型選擇符(Type Selectors)
語(yǔ)法:E1
說(shuō)明:有的時(shí)候我們也將它叫做標(biāo)簽選擇符,因?yàn)樗侵苯佑胔tml標(biāo)記來(lái)做選擇符進(jìn)行操作。目前所有主流瀏覽器均支持該選擇符,屬于CSS1選擇符。
實(shí)例:
div{color:#F00;}
<div>這里是測(cè)試內(nèi)容</div>
包含選擇符(Descendant Selectors)
語(yǔ)法:E1 E2
說(shuō)明:選擇所有被E1包含的E2,這里的E1和E2即可以是html標(biāo)記,也可以是class或id。目前所有主流瀏覽器均支持該選擇符,屬于CSS1選擇符。
實(shí)例:
div em{color:#F00;}
.test em{color:#F00;}
<div>這里是<em>測(cè)試</em>內(nèi)容</div>
<div class="test">這里是<em>測(cè)試</em>內(nèi)容</div>
ID選擇符(ID Selectors)
語(yǔ)法:#sID
說(shuō)明:以DOM中作為對(duì)象的唯一標(biāo)識(shí)符的ID作為選擇符。目前所有主流瀏覽器均支持該選擇符,屬于CSS1選擇符。
實(shí)例:
#test{color:#F00;}
新聞熱點(diǎn)
疑難解答
圖片精選