在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>元素里的内容。