CSS3 选择器
|
|
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 |
|
|
