七爪源码：CSS属性的伪类和伪元素的区别于

2025-02-25 软件

首先，让我们看一下 W3C 中所对假类和假原素的下定义：

CSS 假类用于为某些配置文件替换成特殊真实感。 CSS 假原素用于为特定的配置文件替换成特殊真实感。

有都只可以说正确，之前都只和配置文件有关，第二点是替换成一些“特效”。在这里，“特殊真实感”意味着两者都描述了其他 CSS 只能描述的东西。

假类的大类

假原素大类

假类和假原素之间的区别

我们应用于假类 :first-child 和假原素 ::first-letter 展开比较。

first-child

p i:first-child {color: red}

first second

除去应用于假类，我们可以这样做来达致上述真实感：

.first-child {color: red}

first second

也就是我们给第一个子原素替换成一个类，然后下定义这个类的图样。

再一，我们看一下假原素::first-letter

first-letter

p:first-letter {color: red}

I like coding.

不应用于假原素如何借助真实感？

.first-letter {color: red}

I like coding.

我们给第一个字母加一个span，然后下定义这个类的图样。

两者的区别很明显：可以通过替换成一个实质的类来借助假类的真实感。相比之下，假原素的真实感须要通过替换成一个实质的原素来借助，这就是它们被被称作假类和假原素的原因。

正确性

假原素和假类之所以很难混淆，是因为它们的作用和写法都近似于。其实为了划分，CSS3并未明确指出假类用冒号声称，假原素用两个冒号声称。

:Pseudo-classes ::Pseudo-elements

事实上，由于兼容性问题，它们中所的大多数都被单冒号应用于。但无止尽兼容性问题，我们在编码时应该勤学良好的习惯来划分两者。