您好,登錄后才能下訂單哦!
增強(qiáng)的選擇器
1屬性選擇器
完全匹配選擇器
<div id="article">測(cè)試完全匹配屬性選擇器</div>
<style type="text/css">
[id=article]{color:red;}
</style>
包含匹配選擇器
<div id="article">測(cè)試包含匹配選擇器</div>
<div id="subarticle">測(cè)試包含匹配選擇器</div>
<div id="article1">測(cè)試包含匹配選擇器</div>
<style type="text/css">
[id*=article]{color:red;}
</style>
首字符匹配選擇器
<div id="article">測(cè)試首字符匹配選擇器</div>
<div id="subarticle">測(cè)試首字符匹配選擇器</div>
<div id="article1">測(cè)試首字符匹配選擇器</div>
<style type="text/css">
[id^=article]{color:red;}
</style>
尾字符匹配選擇器
<div id="article">測(cè)試尾字符匹配選擇器</div>
<div id="subarticle">測(cè)試尾字符匹配選擇器</div>
<div id="article1">測(cè)試尾字符匹配選擇器</div>
<style type="text/css">
[id$=article]{color:red;}
</style>
2偽類(lèi)選擇器
以前就存在的:a:link,a:visited,a:hover,a:active
p:before{content:"文字"}
元素標(biāo)簽:after{content:"插入的內(nèi)容"}
li:first-child{color:red;}
li:last-child{color:red;}
//指定第2個(gè)li元素
li:nth-child(2){}
//指定倒數(shù)第2個(gè)li元素
li:nth-last-child(2){}
//指定偶數(shù)個(gè)li元素
li:nth-child(even){}
//指定奇數(shù)個(gè)li元素
li:nth-child(odd){}
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。