CSS伪类与伪元素简单了解

CSS 伪类

CSS 伪类用于向某些选择器添加特殊的效果。

• :active | 向被激活的元素添加样式。
• :focus | 向拥有键盘输入焦点的元素添加样式。
• :hover | 当鼠标悬浮在元素上方时，向元素添加样式。
• :link | 向未被访问的链接添加样式。
• :visited | 向已被访问的链接添加样式。
• :first-child | 向元素的第一个子元素添加样式。
• :lang | 向带有指定 lang 属性的元素添加样式。

CSS 伪元素

CSS 伪元素用于向某些选择器设置特殊效果。

• :first-letter | 向文本的第一个字母添加特殊样式。
• :first-line | 向文本的首行添加特殊样式。
• :before | 在元素之前添加内容。
• :after | 在元素之后添加内容。

参考资料

• CSS 伪类 (Pseudo-classes)
• CSS 伪元素 (Pseudo-elements)