CSS伪类与伪元素
伪元素
| 伪类 | 作用 |
|---|---|
| ::first-letter | 将样式添加到文本的首字母 |
| ::first-line | 将样式添加到文本的首行 |
| ::before | 在某元素之前插入某些内容 |
| ::after | 在某元素之后插入某些内容 |
伪类
CSS 伪类
| 伪类 | 作用 |
|---|---|
| :hover | 将样式添加到鼠标悬浮的元素 |
| :active | 将样式添加到被激活的元素 |
| :focus | 将样式添加到获得焦点的元素 |
| :link | 将样式添加到未被访问过的链接 |
| :visited | 将样式添加到被访问过的链接 |
| :first-child | 将样式添加到元素的第一个子元素 |
| :lang | 定义指定的元素中使用的语言 |
CSS3 新增伪类
| 伪类 | 作用 |
|---|---|
| p:first-of-type | 选择属于其父元素的首个 元素的每个 元素 |
| p:last-of-type | 选择属于其父元素的最后 元素的每个 元素 |
| p:only-of-type | 选择属于其父元素唯一的 元素的每个 元素 |
| p:only-child | 选择属于其父元素唯一的子元素的每个 元素 |
| p:nth-child(n) | 选择属于其父元素的第n个子元素的每个 元素 |
| p:nth-last-child(n) | 选择属于其父元素的倒数第n个子元素的每个 元素 |
| p:nth-of-type(n) | 选择属于其父元素第n个 元素的每个 元素 |
| p:nth-last-of-type(n) | 选择属于其父元素倒数第n个 元素的每个 元素 |
| p:last-child | 选择属于其父元素最后一个子元素的每个 元素 |
| p:empty | 选择没有子元素的每个 元素（包括文本节点） |
| p:target | 选择当前活动的 元素 |
| :not(p) | 选择非 元素的每个元素 |
| :enabled | 控制表单控件的可用状态 |
| :disabled | 控制表单控件的禁用状态 |
| :checked | 单选框或复选框被选中 |
本博客所有文章除特别声明外，均采用 CC BY-SA 4.0 协议 ，转载请注明出处！