伪类和伪元素的区别

伪类和伪元素的区别

伪类是配合常规css选择器来使用的，用来获取元素，通常有一个:；

伪元素会在页面中产生容器，用于显示内容或某种效果，它不会出现在DOM中，即不能通过js来操作，仅仅为css层面的渲染注入，通常有两个::；

常见的伪类有：:hover、:focus、:link、:active、:visited、:first-child、：nth-child()等；常见伪元素有：::before、::after、::first-letter、::first-line；

:before和::before等效，均表示伪元素，区别是前者为css2写法，后者为css3写法；

参考文献：

[1] CSS3伪类和伪元素的特性和区别
[2] Web前端面试指导(十二)：::before 和:before有什么区别？