| 伪类 | 描述 |
|---|---|
|
:active{ … } 元素 : active{ … } |
向被激活的元素添加样式。 |
|
:focus{ … } 元素 : focus{ … } |
向拥有键盘输入焦点的元素添加样式。 |
|
:hover{ … } 元素 : hover{ … } |
当鼠标悬浮在元素上方时，向元素添加样式。 |
|
:link{ … } 元素 : link{ … } |
向未被访问的链接添加样式。 |
|
:visited{ … } 元素 : visited{ … } |
向已被访问的链接添加样式。 |
|
:readonly{ … } 元素 : readonly{ … } |
向只读元素添加样式。 |
|
:checked{ … } 元素 : checked{ … } |
向被选中的元素添加样式。 |
|
:disabled{ … } 元素 : disabled{ … } |
向被禁用的元素添加样式。 |
|
:enabled{ … } 元素 : enabled{ … } |
向可用的元素添加样式。 |
|
:first-child{ … } 元素 : first-child{ … } |
向元素的第一个子元素添加样式。 |
|
:lang{ … } 元素 : lang{ … } |
向带有指定 lang 属性的元素添加样式。 |
| 伪元素 | 描述 |
|---|---|
|
:after{ … } 元素 : after{ … } |
在元素之后添加内容 |
|
:before{ … } 元素 : before{ … } |
在元素之前添加内容。 |
|
:first-line{ … } 元素 : first-line{ … } |
向文本的首行添加特殊样式。 |
|
:first-letter{ … } 元素 : first-letter{ … } |
向文本的第一个字母或汉字添加特殊样式。 |