CSS伪元素(Pseudo-elements)是用于在元素的特定位置插入样式的CSS选择器,它们允许我们在元素的内容之前或之后插入额外的样式。以下是常用的CSS伪元素:
- ::before:在元素内容之前插入生成的内容,通常用于创建元素的装饰性内容。
- ::after:在元素内容之后插入生成的内容,也常用于创建元素的装饰性内容。
- ::first-letter:选取元素内容的第一个字母或第一个汉字,并应用样式。
- ::first-line:选取元素内容的第一行,并应用样式。
- ::selection:选取用户选择的文本,并应用样式。
- ::placeholder:选取表单字段(input、textarea等)的占位符文本,并应用样式。
- ::marker:选取列表项(li)的标记,并应用样式。
- ::backdrop:选择对话框
<dialog>
或<video>
的背景,用于控制背景样式。
这些伪元素可以通过CSS选择器来选取元素并应用样式。例如,使用::before
和::after
可以在元素的前后插入内容,使用::first-letter
和::first-line
可以选择第一个字母或第一行应用样式,使用::selection
可以选择用户选择的文本应用样式等。
需要注意,伪元素使用双冒号(::)作为前缀,而不是单冒号(😃。在CSS2规范中,单冒号(:)也可用于伪元素,但在CSS3规范中,双冒号(::)被引入以明确区分伪类选择器(使用单冒号)和伪元素(使用双冒号)。
请注意,不同的伪元素适用于不同的元素和上下文,具体使用时需要根据需求和文档结构进行选择。