Question

伪类和伪元素的区别

Answer 1

伪类和伪元素的区别如下：

1、伪类和伪元素的最大区别就在于有没有创建一个文档树以外的元素。伪元素创建了一个文档

树以外的元素并为他添加样式，这个容器不包含任何DOM元素但是可以包含内容。换句话说伪

类和伪元素的区别就是伪类的操作对象是文档树中已有的元素，而伪元素则创建了一个文档树

以外的元素。

 

2、伪类使用的是单冒号，但是在css3中规定伪元素使用的双冒号，但是除了少部分的伪元素必

须使用双冒号以外，像after还有before都是支持单引号的。为了兼容性所以目前还是在使用一

些常见的伪元素的时候采用单冒号较为稳妥。

伪类用于选择DOM树之外的信息，或是不能用简单选择器进行表示的信息。前者包含那些匹配指定状态的元素，后者包含那些满足一定逻辑条件的DOM树中的元素。伪元素为DOM树没有定义的虚拟元素。不同于其他选择器，它不以元素为最小选择单元，它选择的是元素指定内容。

伪元素和伪类之所以这么容易混淆，是因为他们的效果类似而且写法相仿，但实际上 css3 为了区分两者，已经明确规定了伪类用一个冒号来表示，而伪元素则用两个冒号来表示。但因为兼容性的问题，所以现在大部分还是统一的单冒号，但是抛开兼容性的问题，我们在书写时应该尽可能养成好习惯，区分两者。