下面是一系列關于最流行的瀏覽器對CSS選擇器和偽選擇器的支持情況的測試。該測試包括從過去美好的CSS1到當前時髦的CSS3最基本的東西。如果你想了解關于CSS的選擇器的更多內容，W3C官方文檔絕對是個好地方!
如果你發現了任何錯誤(這個，大家都會發生的)或者有任何看法，請在聯系我們。
查看修改歷史↓
修改歷史(非完整): 2009-08-20:發布中文版，由于Safari3.2+所有版本，包括當前的Safari 3.2+已經完全支持這些CSS選擇器，所以將Safari 3.2+更改為Safari 3.2+ 2009.08.05: 使用Firefox最終版替換掉Firefox 3.5 beta 4 。Chrome 1 替換為Chrome 2。并更改lightbox功能。 2009.06.15: 添加Firefox 3.5 beta 4 2009.06.11: Safari 3.2+ beta 替換為正式版 2009.03.17: 替換Safari 3.2+ beta 2009.03.04: 完全重構！新的界面，更多選擇器，更好的測試，更多瀏覽器。移除min-width 和max-width 因為它們不是選擇器。 2008.10.31: 添加Internet Explorer 8 beta 2 - 主要增加相對于IE7的增強！ 2008.09.11: 添加Google Chrome 2008.06.27: 去掉Firefox 1.5并替換為Firefox3.并將所有的safari測試升級到Safari3。 2007.07.13: 更正:checked 測試。貌似Firefox支持該選擇器，但是只是不支持復選框上的紅色邊框... 2007.03.16: 添加:checked 測試 2007.01.12: 添加Konqueror 3.5.5 - 它能認識所有選擇器! 2007.01.09: 添加Firefox 2.0.0.1 2007.01.04: 添加:nth-child 測試 2007.01.04: 改良:min-width 和:max-width。 2007.01.02: 添加Opera 9.10 2006: 創建... | ↓ 選擇器 / 瀏覽器 → | IE6 | IE7 + | FF 2 + | Safari 3.0 + | Chrome 2 + | Opera |
|---|---|---|---|---|---|---|
| ↑ 選擇器 / 瀏覽器 → | IE6 | IE7 + | FF 2 + | Safari 3.0 + | Chrome 2 + | Opera |
| E | Yes | Yes | Yes | Yes | Yes | Yes |
| E F | Yes | Yes | Yes | Yes | Yes | Yes |
| :link | Yes | Yes | Yes | Yes | Yes | Yes |
| E:active | Yes | Yes | Yes | Yes | Yes | Yes |
| :visited | Yes | Yes | Yes | Yes | Yes | Yes |
| E:first-line | No | Yes | Yes | Yes | Yes | Yes |
| E:first-letter | No | Yes | Yes | Yes | Yes | Yes |
| E.classname | Yes | Yes | Yes | Yes | Yes | Yes |
| E#id | Yes | Yes | Yes | Yes | Yes | Yes |
| .classname.classname | No | Yes | Yes | Yes | Yes | Yes |
| ↓ 選擇器 / 瀏覽器 → | IE6 | IE7 | IE8 + | FF 2 + | Safari 3.0 | Safari 3.2+ | Chrome 2 + | Opera |
|---|---|---|---|---|---|---|---|---|
| ↑ 選擇器 / 瀏覽器 → | IE6 | IE7 | IE8 + | FF 2 + | Safari 3.0 | Safari 3.2+ | Chrome 2 + | Opera |
| * | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes |
| F" class="iframe">E > F | No | Yes | Yes | Yes | Yes | Yes | Yes | Yes |
| E:first-child | No | Yes | Yes | Yes | Yes | Yes | Yes | Yes |
| E:hover | Partial (1) | Yes | Yes | Yes | Yes | Yes | Yes | Yes |
| E:focus | No | No | Yes | Yes | Yes | Yes | Yes | Yes |
| E + F | No | Yes | Yes | Yes | Yes | Yes | Yes | Yes |
| E[attr] | No | Yes | Yes | Yes | Yes | Yes | Yes | Yes |
| E[attr=”name”] | No | Yes | Yes | Yes | Yes | Yes | Yes | Yes |
| E[attr~=”name”] | No | Yes | Yes | Yes | Yes | Yes | Yes | Yes |
| E:before | No | No | Yes | Yes | Yes | Yes | Yes | Yes |
| E:after | No | No | Yes | Yes | Yes | Yes | Yes | Yes |
| ↓ 選擇器 / 瀏覽器 → | IE6 | IE7 | IE8 | IE9 + | FF 3 | FF 3.5 + | Safari 3.0 | Safari 3.2+ | Chrome 2 | Opera |
|---|---|---|---|---|---|---|---|---|---|---|
| ↑ 選擇器 / 瀏覽器 → | IE6 | IE7 | IE8 | IE9 + | FF 3 | FF 3.5 + | Safari 3.0 | Safari 3.2+ | Chrome 2 | Opera |
| E ~ F | No | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes |
| E[attr^=”name”] | No | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes |
| No | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | |
| E[attr*=”name”] | No | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes |
| E[attr|=”name”] | No | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes |
| E:root | No | No | No | Yes | Yes | Yes | Yes | Yes | Yes | Yes |
| E:nth-of-type | No | No | No | Yes | No | Yes | No | Yes | Yes | Yes |
| E:nth-last-of-type | No | No | No | Yes | No | Yes | No | Yes | Yes | Yes |
| E:first-of-type | No | No | No | Yes | No | Yes | Yes | Yes | Yes | Yes |
| E:last-of-type | No | No | No | Yes | No | Yes | No | Yes | Yes | Yes |
| E:only-of-type | No | No | No | Yes | No | Yes | No | Yes | Yes | Yes |
| E:only-child | No | No | No | Yes | Yes | Yes | No | Yes | Yes | Yes |
| E:last-child | No | No | No | Yes | Yes | Yes | No | Yes | Yes | Yes |
| E:nth-child | No | No | No | Yes | No | Yes | No | Yes | Yes | Yes |
| E:nth-last-child | No | No | No | Yes | No | Yes | No | Yes | Yes | Yes |
| E:empty | No | No | No | Yes | Yes | Yes | Yes | Yes (3) | Yes | Yes |
| E:target | No | No | No | Yes | Yes | Yes | Yes | Yes | Yes | Yes |
| E:checked | No | No | No | Yes | Yes | Yes | Yes | Yes | Yes | Yes |
| E:selection | No | No | No | Yes | Yes只支持-moz- | Yes只支持-moz- | Yes | Yes | Yes | Yes |
| E:enabled | No | No | No | Yes | Yes | Yes | Yes | Yes | Yes | Yes |
| E:disabled | No | No | No | Yes | Yes | Yes | Yes | Yes | Yes | Yes |
| E:not(s) | No | No | No | Yes | Yes | Yes | Yes | Yes | Yes | Yes |
a元素可用。 E:empty 貌似在webkit核心瀏覽器中有些小bug。 如果這個bug依然存在，不太確定如何測試。 IE6不支持.class1{}.class2{}雙類選擇器。 新聞熱點
疑難解答
