>
字符可以與CSS一起使用來選擇具有某個父級的元素。 我在這裏看到的好處是,我可以將樣式僅應用於列表的某個級別。像菜單 - 第一級是orizontal和有不同的規則比第二級+。所以我不需要擔心重置屬性爲lvl 2+「>」有多可靠?
無論如何,我可以依靠>
?它是否支持所有瀏覽器,並且沒有錯誤行爲?
>
字符可以與CSS一起使用來選擇具有某個父級的元素。 我在這裏看到的好處是,我可以將樣式僅應用於列表的某個級別。像菜單 - 第一級是orizontal和有不同的規則比第二級+。所以我不需要擔心重置屬性爲lvl 2+「>」有多可靠?
無論如何,我可以依靠>
?它是否支持所有瀏覽器,並且沒有錯誤行爲?
IE7及更高版本完全支持子選擇器>
,IE6及更早版本完全支持子選擇器>
。當然,現在使用的所有其他主流瀏覽器的所有版本也都支持它。
所有的CSS2.1選擇器都得到了IE8以及後來的you can use them today的很好的支持,除非你正在編寫需要迎合IE6的遺留代碼,在這種情況下儘量避免使用它們。
SitePoint Reference確實提到了一個與影響IE7的評論相關的模糊的解析錯誤,但它只會在選擇符中打破評論。你通常不會把評論放在選擇器中間,除非你這樣做是一種黑客行爲,所以你不必擔心這個錯誤。
相關:Are CSS child selectors a W3C standard?(他們當然!)
這是CSS2標準的一部分:http://www.w3.org/TR/CSS2/selector.html#child-selectors所以現代瀏覽器都應該支持。
根據此quirksmode.org,只有IE6和更早版本不在主要瀏覽器之間。我只看到IE6在非常情況下使用的情況(例如沒有收到軟件補丁的專用機器)。
+1:我喜歡可靠性是如何衡量IE版本。 IE很爛。 –
caniuse.com兼容性表應該突出顯示IE7具有*部分*支持CSS2.1選擇器 - 不支持':before'和':after'僞元素。 – BoltClock
@trinithis:C'est la v-IE。 – BoltClock