【CSS】伪类与伪元素

伪类	描述
: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{   ... }	向文本的第一个字母或汉字添加特殊样式。