CSS伪元素

CSS伪元素模块定义了文档树中不直接存在的抽象元素。这些被称为伪元素的抽象元素代表了渲染树中可以选择和样式化的部分。伪元素用于创建超出文档树提供的抽象概念。

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

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