先说一下什么是 CSS 中的伪元素,CSS 伪元素的概念是指在 CSS 中使用的一些特殊的元素,它们不存在于 HTML 文档中,而是由浏览器生成的元素,用于提供额外的样式控制。这些伪元素在 HTML 代码中不存在,但可以在 CSS 中通过特定的语法来选择它们。
常见的 CSS 伪元素
:before
:允许在元素之前插入生成内容;:after
:允许在元素之后插入生成内容;:selection
伪元素用于定义被选中文本的样式,如颜色和背景色;:placeholder-shown
伪元素用于定义带有 placeholder 属性的 input 元素或 textarea 元素中 placeholder 文本的样式,当用户没有在输入框中输入内容时,placeholder 文本才会显示;dir()
伪元素,用于根据元素的文本方向(ltr 或 rtl)来应用样式;:lang()
伪元素,用于根据元素的 lang 属性来应用样式;:fullscreen
伪元素,用于在元素进入全屏模式时应用样式;: