1 ie7 对部分属性选择器严重区分大小写
在HTML中,属性名,例如id
, title
之类是不区分大小写的,CSS中的选择器也应该是如此。但是IE7对属性名是严格区分大小写的!
2 关于属性选择器,IE7还有一个矫情的地方,就是部分[attr=val]
的选择器,如果前面没有标签选择器或类名选择器等选择器的时候,属性选择器就没有作用。
例如,这样一个CSS代码:[type=checkbox] { opacity: 0.5; filter: alpha(opacity=50); }
所有复选框透明度50%,。但是,IE7浏览器下,不认识。我们稍作修改 input[type=checkbox] { opacity: 0.5; filter: alpha(opacity=50); }
3 IE7浏览器不认识原生的[checked]属性 需要使用[defaultChecked]
4 支持属性选择器
[attr] [attr=val] [attr^=val] [attr$=val] [attr*=val]
以上选择器,实际上是归属于CSS3选择器的,范畴。令人惊奇的是,IE8浏览器甚至IE7浏览器也支持以上这些选择器
5 支持多类选择器
6 支持相邻父子选择器
7 支持相邻兄弟选择器
8 支持兄弟选择器
9 支持属性选择器
10 支持first-child伪类选择器,但是不支持last-child