CSS 伪元素

**CSS 伪元素**模块定义了文档树中不存在的抽象元素。这些抽象元素称为伪元素，表示可以被选择和设置样式的渲染树的一部分。伪元素用于创建关于文档树的抽象，这些抽象超出了文档树本身提供的抽象。

伪元素以双冒号 (::) 为前缀。您可以将伪元素添加到选择器（如 p::first-line）中以定位和设置这些伪元素的样式。

伪元素能够定位 HTML 中未包含的实体以及无法以其他方式定位的内容部分，而无需添加额外的标记。考虑 <input> 元素的占位符。这是一个抽象元素，而不是文档树中的一个独立节点。您可以使用 ::placeholder 伪元素选择此占位符。作为另一个示例，::selection 伪元素匹配用户当前突出显示的内容，允许您在用户与内容交互并更改选择时设置匹配内容的样式。类似地，::first-line 伪元素定位元素的第一行，如果第一行的字符数发生更改，则会自动更新，而无需查询元素的行长度。