SS也許是Web設(shè)計(jì)者和程序員之間一種佳的溝通工具，所以，對(duì)于CSS的革新發(fā)展，每個(gè)人都會(huì)感到興奮。W3C在其網(wǎng)站上公布了正在制定中的CSS4選擇器(selector)規(guī)范，你會(huì)發(fā)現(xiàn)里面出現(xiàn)了很多新的東西。下面讓我們來(lái)看看對(duì)于未來(lái)的瀏覽器，CSS4提供了哪些CSS選擇器上的新功能和新特征！
$E > F
這個(gè)新出現(xiàn)的選擇器語(yǔ)法能夠讓我們基于子元素(F)來(lái)給父元素($E)制定樣式。下面是一個(gè)例子：
/* 將應(yīng)用中LI元素上的樣式 */ ul > $li > p { border: 1px solid #ccc; }
在上面的例子中，樣式將應(yīng)用中LI元素上，而不是P元素上！這是一個(gè)非常有用的新功能，希望終能保留并實(shí)現(xiàn)出來(lái)！這種CSS選擇器可能會(huì)帶來(lái)一點(diǎn)點(diǎn)讓人困惑的地方，比如下面的例子：
$ol > li:only-child { list-style-type: none; }
上面例子中的樣式將會(huì)作用在只有一個(gè)LI子元素的OL元素上。不知道將來(lái)Web程序員對(duì)$語(yǔ)法使用能不能習(xí)慣；很有用的東西往往會(huì)被誤用。
:any-link 和 :local-link
這些偽類(lèi)將會(huì)用在表示鏈接地址的元素上。其中:any-link偽類(lèi)用于所有鏈接，而:local-link用于站內(nèi)鏈接(相對(duì)于外部鏈接)。
如果你想標(biāo)注一下頁(yè)面上的所有外部鏈接，可以這樣：
/* 內(nèi)部鏈接 */ #sidebar a:local-link { background: url(internal.png) 0 0 no-repeat; }
另外一個(gè)背景表示所有外部鏈接：
/* 外部鏈接 */ :not(:local-link) { background: url(external.png) 0 0 no-repeat; }
這些偽類(lèi)是非常有用的補(bǔ)充，有些網(wǎng)站上對(duì)外部鏈接和內(nèi)部鏈接給出明確指示是非常常見(jiàn)的。
:dir
這個(gè):dir偽類(lèi)用來(lái)區(qū)分文本是從左到右顯示還是從右到左顯示：
p:dir(ltr) { /* 從左到右(left to right) */ } div:dir(rtl) { /* 從右到左(right to left) */ }
這也是一個(gè)非常有益的補(bǔ)充，特別是要支持多語(yǔ)言的網(wǎng)站，這是非常方便而且必要的支持。
這個(gè)新出現(xiàn)的元素引用組合選擇器非常有趣，它能將兩個(gè)元素通過(guò)選擇器關(guān)聯(lián)起來(lái)。兩個(gè)正斜杠之間的是CSS保留字。下面是一個(gè)例子：
label:matches(:hover, :focus) /for/ input { box-shadow: #fffea1 0 0 8px }
上面的例子中，當(dāng)LABEL元素稱(chēng)為焦點(diǎn)或有鼠標(biāo)懸停時(shí)，相關(guān)的INPUT元素將會(huì)被高亮顯示；而究是相關(guān)到哪個(gè)INPUT元素，這需要根據(jù)LABEL元素的for屬性決定。你也許已經(jīng)明白，LABEL元素的for屬性里存放的應(yīng)該是id。
我非常喜歡這個(gè)新的$語(yǔ)法，以及新的鏈接區(qū)分:-link功能，對(duì)于多語(yǔ)言網(wǎng)站，:dir的確有很大用處。而新出現(xiàn)的元素引用組合選擇器非常有意思，關(guān)鍵是出現(xiàn)了新的反斜杠語(yǔ)法。你覺(jué)得這些CSS4中新的功能和特征有用嗎？
本站文章版權(quán)歸原作者及原出處所有 。內(nèi)容為作者個(gè)人觀點(diǎn)， 并不代表本站贊同其觀點(diǎn)和對(duì)其真實(shí)性負(fù)責(zé)，本站只提供參考并不構(gòu)成任何投資及應(yīng)用建議。本站是一個(gè)個(gè)人學(xué)習(xí)交流的平臺(tái)，網(wǎng)站上部分文章為轉(zhuǎn)載，并不用于任何商業(yè)目的，我們已經(jīng)盡可能的對(duì)作者和來(lái)源進(jìn)行了通告，但是能力有限或疏忽，造成漏登，請(qǐng)及時(shí)聯(lián)系我們，我們將根據(jù)著作權(quán)人的要求，立即更正或者刪除有關(guān)內(nèi)容。本站擁有對(duì)此聲明的最終解釋權(quán)。
