時間:2012-07-17 20:26:47 作者:不思議游戲 瀏覽量:102
在本篇文章中,我們將來對瀏覽器和CSS選擇器做一下介紹,對于瀏覽器與CSS選擇器的對應表了解一下!
1)關于子選擇器 ( > )
在ie7+標準模式,chrome,ff下開始支持了。有人說在ie7下,如果父元素與子元素之間有注釋的話就會失效,但是我沒有發現。
2) 臨近兄弟選擇器(+)
在ie7+標準模式。chrome,ff下開始支持了。但是,如果父元素與子元素之間有注釋的話就會失效。ie8沒有。
3)普通兄弟選擇器(~)
選擇該元素后面的所有兄弟節點,在ie7+標準模式,chrome,ff下支持。它和臨近兄弟節點選擇器的區別就是,前者就選擇后面所有的,不要求相鄰,但是后面必須是相鄰,且選擇一個。
| * | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes |
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| E > F | No | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes |
| E:first-child | No | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes |
| E:hover | Partial(1) | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes |
| E:focus | No | No | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes |
| E + F | No | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes |
| E[attr] | No | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes |
| E[attr="name"] | No | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes |
| E[attr~="name"] | No | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes |
| E:before | No | No | Yes | Yes | Buggy(4) | Yes | Yes | Yes | Yes | Yes | Yes | Yes |
| E:after | No | No | Yes | Yes | Buggy(4) | Yes | Yes | Yes | Yes | Yes | Yes | Yes |
| ↓ Selector / Browser → | IE6 | IE7 | IE8 | IE9 preview | Firefox 3.0.6">FF 3 | FF 3.5 | FF 3.6 | Safari 3 | Safari 4 | Chrome 5 beta | Opera 9.64">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 |