| CSS3基本选择器 | 代号 | 支持范围 |
1 | 通配符选择器 | * | 所有浏览器支持 |
2 | 元素选择器 | E | 所有浏览器支持 |
3 | 类选择器 | .className | 所有浏览器支持 |
| 多类选择器 | .className.className | IE6不支持 |
4 | id选择器 | #ID | 所有浏览器支持 |
5 | 后代选择器 | E F | 所有浏览器支持 |
6 | 子元素选择器 | E > F | IE6不支持 |
7 | 相邻兄弟元素选择器 | E + F | IE6不支持 |
8 | 通用兄弟选择器 | E~F | IE6不支持 |
9 | 群组选择器 | selector1,selector2,...,selectorN | 所有浏览器支持 |
| CSS3属性选择器 | 代号 | 支持范围 |
1 | 只使用属性名,但没有确定任何属性值 | E[attr] | IE6不支持 |
2 | 指定属性名,并指定了该属性的属性值 | E[attr="value"] | IE6不支持 |
3 | 指定属性名,并且具有属性值,此属性值是一个词列表,并且以空格隔开,其中词列表中包含了一个value词,而且等号前面的“〜”不能不写 | E[attr~="value"] | IE6不支持 |
4 | 指定了属性名,并且有属性值,属性值是以value开头的 | E[attr^="value"] | IE6不支持 |
5 | 指定了属性名,并且有属性值,而且属性值是以value结束的 | E[attr$="value"] | IE6不支持 |
6 | 指定了属性名,并且有属性值,而且属值中包含了value | E[attr*="value"] | IE6不支持 |
7 | 指定了属性名,并且属性值是value或者以“value-”开头的值 | E[attr|="value"] | IE6不支持 |
| CSS3伪类选择器 | 解释 | 支持范围 |
| 动态伪类 | 需要用户参与网站交互 |
|
| :link |
|
|
| :visited |
|
|
| :hover | 用户行为伪类 | IE6只支持a元素 |
| :active | 用户行为伪类 | IE6-7不支持 |
| :focus | 用户行为伪类 | IE6-7不支持 |
| UI元素状态伪类 | 针对Form元素 |
|
| :enabled |
| IE6-8不支持 |
| :disabled |
| IE6-8不支持 |
| :checked |
| IE6-8不支持 |
| nth选择器 |
|
|
1 | :first-child |
| IE6不支持 |
2 | :last-child |
|
|
3 | :nth-child() :nth-child(n) :nth-child(2n) :nth-child(2n-1) :nth-child(-n+5) | 不支持负值 |
|
4 | :nth-last-child() :nth-last-child(4) |
|
|
5 | :nth-of-type() |
| IE6-8和FF3.0-浏览器不支持 |
6 | :nth-last-of-type() |
| IE6-8 FF3.0不支持 |
7 | :first-of-type |
|
|
8 | :last-of-type |
|
|
9 | :only-child |
|
|
10 | :only-of-type |
| IE6-8 FF3.0-不支持 |
11 | :empty |
|
|
| 否定选择器 |
|
|
| :not |
| IE6-8浏览器不支持 |
| 伪元素 |
|
|
1 | ::first-line |
|
|
2 | ::first-letter |
|
|
3 | ::before |
|
|
4 | ::after |
|
|
5 | ::selection |
|
|
转载于:https://www.cnblogs.com/lonicera/p/CSS3.html