在CSS中,伪元素用于样式化特定的部分内容,通常是指那些无法通过HTML直接选中的部分。伪元素通过双冒号(::
)来表示:
-
::after
: 用于在元素内部的最后一个子元素之后插入一些内容。 -
::before
: 用于在元素内部的第一个子元素之前插入一些内容。 -
::first-letter
: 用于选中块级元素的第一个字母。 -
::first-line
: 用于选中块级元素的第一行。 -
::selection
: 用于改变用户选中或高亮文本的部分样式。 -
::placeholder
: 用于改变占位符文本的样式,如<input>
或<textarea>
中的占位符。 -
::marker
: 用于定制<list>
或<summary>
元素前的标记符号。 -
::backdrop
: 用于为<dialog>
元素的背景区域应用样式,当<dialog>
为打开状态时会显示该背景。 -
::cue
: 用于为WebVTT的字幕(诸如<track>
标签内部的字幕)设定样式。 -
::part
: 用于选中影子DOM中带有part
属性的元素的一部分。 -
::slotted
: 用于选中那些被插入到影子DOM中的<slot>
元素里的内容。