IE你夠了！CSS選擇器

作一個用CSS能爲所欲爲對DOM操做的前端工程師吧。可是，咱們必需要把心頭的痛體會清楚！瞭解IE對CSS選擇器的支持，在psd2html時，根據需求來使用。

IE6

額，首先，IE6是不支持屬性選擇器的，但>=IE6的IE都支持

問：什麼是 屬性選擇器？

屬性選擇器長這樣。

img[src^="alert"]      /*在img元素src屬性裏以alert開頭的均知足選擇條件*/
img[src$="alert"]      /*在img元素src屬性裏以alert結尾的均知足選擇條件*/
img[src*="alert"]      /*只要src包含alert字符就知足條件*/
img[src~="us"]         /*必須src裏的us前有空格才知足條件*/
img[src|="us"]         /*必須src裏的us前有-才知足條件*/

其次，IE6是不支持+ ~ > 這三個選擇器，還有:lang(en-us)、:first-line、:first-letter.
IE6是支持:link / :visited /:hover/ :active /:enabled/ :disabled

IE8

IE8不支持如下選擇器：（如下>=IE9，均支持）:

/*若是以爲陌生能夠本身去查看文檔，這裏主要是總結IE對css選擇器的支持狀況*/
 input:not([type='submit'])
 :target
 :nth-child()
 :nth-last-child()
 :nth-of-type()
 :first-child
 :last-child
 :first-of-type
 :last-of-type
 :only-child
 :only-of-type
 :empty

很是愛的:before :after IE8是支持的！

若是你喜歡這篇文章，輕輕推薦一下