CSS網頁制作教程:瀏覽器與CSS選擇器對應表

2024-07-11 08:22:57

字體：大中小

來源：轉載

供稿：網友

CSS 2.1

↓ Selector / Browser → IE6 IE7 IE8 IE9 preview FF 3 FF 3.5 FF 3.6 Safari 3 Safari 4 Chrome 5 beta Opera Opera 10.5 beta ↑ Selector / Browser → IE6 IE7 IE8 IE9 preview FF 3 FF 3.5 FF 3.6 Safari 3 Safari 4 Chrome 5 beta Opera Opera 10.5 beta * Yes

CSS 3 ↓ Selector / Browser → IE6 IE7 IE8 IE9 preview FF 3 FF 3.5 FF 3.6 Safari 3 Safari 4 Chrome 5 beta Opera Opera 10.5 beta ↑ Selector / Browser → IE6 IE7 IE8 IE9 preview FF 3 FF 3.5 FF 3.6 Safari 3 Safari 4 Chrome 5 beta Opera Opera 10.5 beta E ~ F Yes
:hover 在IE6中只有a元素可用。 E:empty 貌似在webkit核心瀏覽器中有些小bug。如果這個bug依然存在，不太確定如何測試。 IE6不支持.class1.class2雙類選擇器。IE8注意事項： E[attr]選擇器在值為空的時候或者寫錯的時候，將不會生效； IE8支持CSS2.1的所有屬性，支持偽類，但是不支持偽元素。IE8中的IE7兼容模式 E[attr] 和IE8一樣，值為空或寫錯的時候，無效； E[attr~=val]這里唯一需要注意的是，屬性的值，區分大小寫； E[attr|=val]IE7有一些大小寫敏感的問題，但是通?？梢哉Ｊ褂?； :first-child IE7 會將一個注釋或者文字節點當成first-child，而不是只有元素才是“子”元素。所以，如果在第一個子元素前有注釋或文字，IE7會匹配之而不是去匹配第一個子元素。Safari/Chrome Safari3.2(事實上可以追溯到3.1)以上的版本已經完全的支持所有CSS選擇器了。 Safari3.0基本上對CSS 2的選擇器支持很好，但不支持CSS3大部分新增的選擇器，而且對屬性選擇器的支持不是很完整。 iPhone中的Safari有3.0和3.2兩個版本，對CSS的支持情況與PC/Mac版的支持情況一致。 Android系統自帶的瀏覽器基本上也是基于webkit核心的，其對于CSS選擇器的支持情況待測。

上一篇：網頁代碼講解:CSS實現圓角

下一篇：CSS3實例教程:hover、active和:focus偽選擇器