CSS伪类、伪元素整理

伪类名称	生效方式	备注
:link	没有被访问过的超级链接	css2
:visited	被访问过的超级链接	css2
:hover	正被鼠标悬停触碰的内容	css2
:active	按下按键没有松开的内容	css2 尽量以link visited hover active的顺序书写伪类 否则会有伪类不生效
:empty	空标签	css3
:not(X)	X未表示的参数	css3 不可以:not(:not()) 嵌套
:target	激活的锚点区域	css3
:lang(X)	存在lang(X)元素的标签	css3
:focus	当前获得焦点的表单元素	css3
:enabled	当前有效的表单元素	css3
:disable	当前无效的表单元素	css3
:checked	当前已经勾选的按钮	css3
:root	根元素	css3
:indeterminate	没选中也没取消选中状态的选择框	未来

伪元素名称	生效方式	备注
::before(使用:before兼容IE8)	成为匹配元素的第一个子元素	必须设置content表示元素内容
::after	成为匹配元素的最后一个子元素	必须设置content表示元素内容
::selection	匹配被选中的表单元素	W3C官网对该伪元素已做留白操作不确定后续能否正常使用
::first-letter	匹配的块级元素的第一个字母
::first-line	匹配的块级元素的第一行的全部文字

参考文章
1：选择器级别3 ——W3C

最后更新于2022年1月31日
原创不易，如果该文章对你有所帮助，望左上角点击关注~如有任何技术相关问题，可通过评论联系我讨论,我会在力所能及之内进行相应回复以及开单章解决该问题.

该文章如有任何错误请在评论中指出，感激不尽，转载请附出处！
*个人博客首页：https://blog.csdn.net/yjrguxing ——您的每个关注和评论都对我意义重大