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是支持的!

如果你喜欢这篇文章,轻轻推荐一下

    原文作者:spencer_Xie
    原文地址: https://segmentfault.com/a/1190000000601461
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞