時(shí)間:2012-07-17 20:26:47 作者:不思議游戲 瀏覽量:102
在本篇文章中,我們將來(lái)對(duì)瀏覽器和CSS選擇器做一下介紹,對(duì)于瀏覽器與CSS選擇器的對(duì)應(yīng)表了解一下!
1)關(guān)于子選擇器 ( > )
在ie7+標(biāo)準(zhǔn)模式,chrome,ff下開(kāi)始支持了。有人說(shuō)在ie7下,如果父元素與子元素之間有注釋的話就會(huì)失效,但是我沒(méi)有發(fā)現(xiàn)。
2) 臨近兄弟選擇器(+)
在ie7+標(biāo)準(zhǔn)模式。chrome,ff下開(kāi)始支持了。但是,如果父元素與子元素之間有注釋的話就會(huì)失效。ie8沒(méi)有。
3)普通兄弟選擇器(~)
選擇該元素后面的所有兄弟節(jié)點(diǎn),在ie7+標(biāo)準(zhǔn)模式,chrome,ff下支持。它和臨近兄弟節(jié)點(diǎn)選擇器的區(qū)別就是,前者就選擇后面所有的,不要求相鄰,但是后面必須是相鄰,且選擇一個(gè)。
* | 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 |