萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 腳本Html教程 >> 浏覽器與CSS選擇器具體對應表

浏覽器與CSS選擇器具體對應表

  1)關於子選擇器 ( > )

  在ie7+標准模式,chrome,ff下開始支持了。有人說在ie7下,如果父元素與子元素之間有注釋的話就會失效,但是我沒有發現。

  2) 臨近兄弟選擇器(+)

  在ie7+標准模式。chrome,ff下開始支持了。但是,如果父元素與子元素之間有注釋的話就會失效。ie8沒有。

  3)普通兄弟選擇器(~)

  選擇該元素後面的所有兄弟節點,在ie7+標准模式,chrome,ff下支持。它和臨近兄弟節點選擇器的區別就是,前者就選擇後面所有的,不要求相鄰,但是後面必須是相鄰,且選擇一個。

CSS 2.1 * 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 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 CSS 3 E ~ F 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[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:root No No No Yes Yes Yes Yes Yes Yes Yes Yes Yes E:nth-of-type No No No Yes No Yes Yes Yes Yes Yes Yes Yes E:nth-last-of-type No No
copyright © 萬盛學電腦網 all rights reserved