什么是伪元素使伪元素伪?

时间:2016-12-21 23:06:29

标签: pseudo-element

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

"伪元素就像一个元素,但不是一个元素"。

什么使伪元素不是元素?

1 个答案:

答案 0 :(得分:3)

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

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

进一步解释:

元素是dom中的项目。例如,div,p和span都是html元素。它们在dom中出现,并且可以使用CSS和JavaScript进行操作以表现和查看某些方式。

伪元素不在dom中。 p:before和.header:after是伪元素的示例。这些不是dom中的项目。相反,它们是为了向网站外观添加内容而创建的元素。例如。

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

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

这些实际上并不会在dom中创建一个元素,但是它们会创建一些行为类似于你可以设置样式的元素。

以下是关于伪元素的进一步阅读: http://www.w3schools.com/css/css_pseudo_elements.asp

这是一个很好的列表,您可以使用伪元素,可以帮助您更好地可视化它。 https://css-tricks.com/pseudo-element-roundup/

我希望这对你更有意义。