【HTML+CSS】中的伪元素与伪类总结

前言

对伪元素和伪类两者的概念比较模糊，导致做笔试题时，总是出错，因此总结一下这两者的区别。

伪元素

• 定义：它类似于增添一个新的DOM节点到DOM树中，而不是改变元素的现状。（实质上：元素被创建在文档外）

• 注意点：一个元素同时只能添加一个伪元素

• 单引号还是双引号：虽然 CSS3 标准要求伪元素使用双冒号的写法，但也依然支持单冒号的写法。为了向后兼容，我们建议你在目前还是使用单冒号的写法。

• 常见的伪元素 （图来自：网上）

伪类

• 定义：应用于一组HTML元素，用于向某些选择器添加特殊的效果

• 注意点：一个元素可以同时添加多个伪类

• 常见伪类（图来自伪类与伪元素）

• 参考文献：总结伪类与伪元素