Pseudo-element

定义 Definition

pseudo-element（伪元素）：在 CSS 中，用来“选中并样式化元素的某个特定部分”或“在视觉上生成可样式化的内容片段”的选择器写法，常见如 ::before、::after、::first-letter、::first-line。它不同于普通元素：通常不需要在 HTML 中真实存在对应标签。（在更广义语境里也可指“类似元素但并非真实 DOM 元素的概念”，但最常见用法是 CSS 里的伪元素。）

发音 Pronunciation (IPA)

/ˌsuːdoʊˈɛləmənt/

例句 Examples

Add a pseudo-element to show an icon before the link text.
在链接文字前添加一个伪元素来显示图标。

Using the ::after pseudo-element, the design adds a decorative underline that adapts to the button’s width without extra HTML.
使用 ::after 伪元素，设计可以在不增加额外 HTML 的情况下添加会随按钮宽度变化的装饰性下划线。

词源 Etymology

pseudo- 源自希腊语 pseudes（“假的、仿的”），element 来自拉丁语 elementum（“基本成分、元素”）。合起来字面意思是“伪（非真实的）元素”，强调它在样式层面像一个元素那样可被选中和修饰，但并不一定对应实际的 HTML 元素节点。

相关词 Related Words

• Pseudo-class
• Selector
• Specificity
• Before
• After
• Content
• DOM
• CSS

文献与作品 Notable Works

• CSS Selectors Level 3（W3C Recommendation）：系统定义了多种伪元素与其匹配规则。
• Selectors Level 4（W3C Working Draft/Recommendation 进展文档）：扩展并细化了伪元素与选择器体系。
• CSS: The Definitive Guide（Eric A. Meyer & Estelle Weyl）：以教程与实例形式频繁讲解 ::before、::after 等伪元素用法。
• MDN Web Docs（Mozilla）：在 “Pseudo-elements” 条目中以学习者友好的方式介绍伪元素与示例。