使伪元素成为伪的伪元素中的什么？答案

【问题标题】：What is it in a pseudo-element that makes the pseudo-element pseudo?使伪元素成为伪的伪元素中的什么？
【发布时间】：2016-12-23 03:10:45
【问题描述】：

在我的另一个问题What does "pseudo" mean in CSS? 我得到了这个答案：

“伪元素是类似于元素的东西，但不是元素”。

是什么让伪元素不是元素？

【问题讨论】：

【解决方案1】：

伪元素不在 dom 中。这就是使它不是元素的原因。它是由 CSS 创建的元素。

各种技术无法看到或操纵伪元素。例如，许多 JavaScript 方法不适用于伪元素。这就是为什么它“不是一个元素”。

进一步解释：

元素是 dom 中的项目。例如，div、p 和 span 都是 html 元素。它们出现在 dom 中，并且可以使用 CSS 和 JavaScript 被操纵以表现和看起来特定的方式。

伪元素不在 dom 中。 p:before 和 .header:after 是伪元素的示例。这些不是会出现在 dom 中的项目。相反，它们是为了给网站的外观添加一些东西而创建的元素。例如。

.quote:before, .quote:after {
    content: '"';
}

将在任何标有引号类的元素的开头和结尾添加引号。这将使它看起来像一个报价。您可以设置这些引号的样式，使它们看起来更像是块引用或任何您想做的事情。

这些实际上不会在 dom 中创建元素，但它们会创建行为类似于您可以设置样式的元素的东西。

这是一个很好的列表，列出了您可以使用伪元素执行的操作，它们可以帮助您更好地对其进行可视化。 https://css-tricks.com/pseudo-element-roundup/

我希望这对你更有意义。

【讨论】：