做一个用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是支持的!
如果你喜欢这篇文章,轻轻推荐一下