CSS中伪类，伪选择器和伪元素之间的区别[重复]答案

【问题标题】：Difference between pseudo class, pseudo selector, and pseudo element in CSS [duplicate]CSS中伪类，伪选择器和伪元素之间的区别[重复]
【发布时间】：2012-06-30 02:53:11
【问题描述】：

可能重复：
What is the difference between a pseudo-class and a pseudo-element in CSS?

以下在 CSS 中是什么意思？

伪类
伪选择器
伪元素

各有什么用处？

【问题讨论】：

@SLaks：我想 OP 的反应会是“这个问题并没有说明伪选择器！”
@SVS w3schools 是学习编码最差的网站之一。检查w3fools.com
@Subhra：那你检查过w3.org 了吗？我回答了你的问题，因为尽管 SVS 和 gar_onn 说了什么，但你不会使用谷歌找到令人满意的结果（特别是对于“伪选择器”），但同时我对你的问题投了反对票，因为它写得不好并且没有任何迹象研究......不像你之前的问题。
@BoltClock 首先感谢您的回答。好吧，我知道可能会有相同的副本，但后来我也看到了“伪选择器”一词，这让我更加困惑。 w3.org 中的任何内容都非常详尽，以至于我发现专家回答相关部分更有用。我没有得到一些反对票，但重要的是我从帖子中学到了一些东西。
我发现这个问题很有用，所以 +1

标签： css css-selectors pseudo-element pseudo-class

【解决方案1】：

Pseudo-classes 用于根据您无法使用属性、ID 或类（或任何其他可通过 DOM 获得的信息）表达的信息来选择元素。例如，:root、:first-child、:last-child、:lang() 和 :not()。

Pseudo-elements 是模拟元素，您可以选择性地应用样式作为其他实际元素的一部分，但它们本身不是 DOM 的成员。例如::first-line和::first-letter等内容片段，或::before和::after等生成内容。

“伪选择器”是一个总称，用于涵盖两种选择器（或者实际上任何以至少一个 : 开头的选择器），但它本身没有意义，因为在选择器中，伪类和伪-元素是两个根本不同的东西。

【讨论】：

值得注意的是，伪元素仅从 CSS3 开始正式获得双冒号 (::) 语法，为了向后兼容，它们仍然使用单冒号 (:)。
经过这么多的反对，我只想说谢谢你给出了一个好的答案。我认为这个问题非常有效，这有助于我理解。谢谢！