1.CSS1
| 作用 | 选择器 | IE6 | IE7+ |
|---|---|---|---|
| E | YES | YES | |
| E F | YES | YES | |
| 未访问时的状态 | :link | YES | YES |
| 鼠标按下去时的状态 | E:active IE6、7只支持a标签的:active |
YES | YES |
| 已访问过的状态 | :visited | YES | YES |
| E.classname | YES | YES | |
| E#id | YES | YES |
2.CSS2
| 作用 | 选择器 | IE6 | IE7 | IE8+ |
|---|---|---|---|---|
| * | YES | YES | YES | |
| E > F | NO | YES | YES | |
| 结构性伪类： 匹配父元素中第一个E元素 |
E:first-child | NO | YES | YES |
| E:focus | NO | NO | YES | |
| 鼠标移动到链接上时的状态 | E:hover IE6只支持a标签的:hover |
YES | YES | YES |
| E + F | NO | YES | YES | |
| E[attr] | NO | YES | YES | |
| E[attr="name"] | NO | YES | YES | |
| E[attr~="name"] | NO | YES | YES | |
| E:before | NO | NO | YES | |
| E:after | NO | NO | YES | |
| E::before | NO | NO | NO | |
| E::after | NO | NO | NO |
3.CSS3
| 作用 | 选择器 | IE6 | IE7 | IE8 | IE9+ |
|---|---|---|---|---|---|
| 通用兄弟元素选择器： 匹配E后所有兄弟F元素 |
E ~F | NO | YES | YES | YES |
| 子串匹配的属性选择符： 匹配具有att属性、且值以val开头的E元素 |
E[attr^="val"] | NO | YES | YES | YES |
| 子串匹配的属性选择符： 匹配具有att属性、且值以val结尾的E元素 |
E[attr$="val"] | NO | YES | YES | YES |
| 子串匹配的属性选择符： 匹配具有att属性、且值中含有val的E元素 |
E[attr*="val"] | NO | YES | YES | YES |
| 结构性伪类： 匹配文档的根元素。在HTML中，根元素永远是HTML |
E:root | NO | NO | NO | NO |
| 结构性伪类： 匹配同类型中的第n个同级兄弟元素E |
E:nth-of-type | NO | NO | NO | YES |
| 结构性伪类： 匹配同类型中的倒数第n个同级兄弟元素E |
E:nth-last-of-type] | NO | NO | NO | YES |
| 结构性伪类： 匹配同级兄弟元素中的第一个E元素 |
E:first-of-type | NO | NO | NO | YES |
| 结构性伪类： 匹配同级兄弟元素中的最后一个E元素 |
E:last-of-type | NO | NO | NO | YES |
| 结构性伪类： 匹配属于同类型中唯一兄弟元素的E |
E:only-of-type | NO | NO | NO | YES |
| 结构性伪类： 匹配属于父元素中唯一子元素的E |
E:only-child | NO | NO | NO | YES |
| 结构性伪类： 匹配父元素中最后一个E元素 |
E:last-child | NO | NO | NO | YES |
| 结构性伪类： 匹配父元素中的第n个子元素E |
E:nth-child(n) | NO | NO | NO | YES |
| 结构性伪类： 匹配父元素中的倒数第n个结构子元素E |
E:nth-last-child(n) | NO | NO | NO | YES |
| 结构性伪类： 匹配没有任何子元素（包括text节点）的元素E |
E:empty | NO | NO | NO | YES |
| 目标伪类： 匹配相关URL指向的E元素 |
E:target | NO | NO | NO | YES |
| UI元素状态伪类： 匹配所有用户界面（form表单）中处于选中状态的元素E |
E:checked | NO | NO | NO | YES |
| UI元素状态伪类： 匹配E元素中被用户选中或处于高亮状态的部分 |
E::selection | NO | NO | NO | YES |
| UI元素状态伪类： 匹配所有用户界面（form表单）中处于可用状态的E元素 |
E:enabled | NO | NO | NO | YES |
| UI元素状态伪类： 匹配所有用户界面（form表单）中处于不可用状态的E元素 |
E:disabled | NO | NO | NO | YES |
| 否定伪类 ： 匹配所有不匹配简单选择符s的元素E |
E:not(s) | NO | NO | NO | YES |
网友评论