css中常用的伪元素选择器有

在CSS中，伪元素选择器是用于选择文本来源于文档之外的部分的元素。在掌握常用的伪元素选择器之前，我们需要先了解一下伪元素和伪类的区别。伪元素（pseudo-element）是指不属于文档树的虚拟元素，而伪类（pseudo-class）则是存在于文档树中的元素，但指定条件选择的不同状态。接下来，我们将介绍一些CSS中常用的伪元素选择器。

::before 和 ::after

::before 伪元素在选中元素开头插入内容，而 ::after 则在选中元素结尾插入内容。这两个伪元素的常见用途是添加一些前缀或后缀的样式，并且无需您手动添加额外的 HTML 标记。

::first-letter 和 ::first-line

::first-letter 伪元素用于选中第一个字母，最典型的用途是为首字母添加样式，而 ::first-line 伪元素则用于选中文字的第一行。通常情况下，::first-line 伪元素与 ::before 和 ::after 配合使用，用于添加一些书籍中常见的首字母或者章节标题。

::nth-child() 和 ::nth-of-type()

这两个伪元素是用于选择某个元素在其兄弟元素中的位置。在实际应用中，通常会使用如下的语法：nth-child(n) 或者 nth-of-type(n)，其中 n 是一个整数值，代表选中第 n 个元素。这两个伪元素常见的用途是用于条件选择，例如选择奇偶行样式或者选择一组元素中的第一个和最后一个元素。

::selection

::selection 伪元素用于选择用户在页面上鼠标选中的文本。您可以应用各种样式，例如颜色、背景颜色等等。不过需要注意的是，::selection 伪元素在不同浏览器中的表现会有所不同。