IE你够了!CSS选择器

作一个用CSS能为所欲为对DOM操做的前端工程师吧。可是,咱们必需要把心头的痛体会清楚!了解IE对CSS选择器的支持,在psd2html时,根据需求来使用。css

IE6

额,首先,IE6是不支持属性选择器的,但>=IE6的IE都支持html

问:什么是 属性选择器?

属性选择器长这样。前端

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,均支持):code

/*若是以为陌生能够本身去查看文档,这里主要是总结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是支持的!htm

若是你喜欢这篇文章,轻轻推荐一下文档

相关文章
相关标签/搜索