伪类和伪元素的区别

57 阅读1分钟

伪类

已存在但你不能直接看到的元素;
伪类存在于DOM文档中,但是没有特别去声明的话就看不到它。

2.png

伪元素

创建出一个新元素;
伪元素本身不存在于DOM文档中,需要人为进行创建。创建之后逻辑上存在,但是实际上不存在于DOM中,所以无法用js去获取改变。

1.png

总结

(1)伪元素是创建了一个新元素,而伪类本身就存在但是不用特别声明。
(2)伪元素使用:或者::声明(前者为css2,后者为css3);伪类只能使用:。
(3)伪元素只能同时使用一个,伪类可以同时使用多个。