CSS伪元素是用来在元素的特定位置添加样式的一种方法。它们是在元素的内容或文档树外部创建的,因此也被称为虚拟元素。伪元素的使用方式是通过选择器来指定在哪个元素的哪个位置应用样式。
::before 和 ::after
经常被用来添加装饰性元素,比如在文本前后添加内容或者图标。在插入内容时,伪元素中设置的内容不会影响原始内容的结构,因此,开发者可以通过它们来实现复杂而有意思的视觉效果。
::first-letter 和 ::first-line
这两个元素可以用来选中元素的第一个字符或第一行。它们可以为文本首字母或首行设置特殊样式。比如,为文章首字母添加一个较大而特殊的字体,或为文章第一行添加一个特殊的背景颜色等等。
::selection
::selection伪元素可以用来设置用户选择文本时的背景颜色和前景色。这意味着可以通过设置选择器样式,使得用户选中的文本呈现出特殊的效果。比如,你可以将整个选中文本背景变为黄色,或将文本变为蓝色等。
::placeholder
在输入框还没有输入任何文本的时候,我们通常会使用placeholder属性来给出一个提示。伪元素::placeholder可以用来设置这个提示的样式。比如,你可以设置placeholder的字体颜色为灰色,或者将其文字变为斜体等。