作一个用CSS能为所欲为对DOM操做的前端工程师吧。可是,咱们必需要把心头的痛体会清楚!了解IE对CSS选择器的支持,在psd2html时,根据需求来使用。css
额,首先,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不支持如下选择器:(如下>=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
若是你喜欢这篇文章,轻轻推荐一下文档