伪类与伪元素之间的差距

一直以来伪元素和伪类之间的差距都很模糊
本文完全是一些自己的理解和看法

伪类

• 伪类是用来添加一些选择器的特殊效果
• 伪类只用一个冒号表示“：”
• 举例：a:link {color:#FF0000;}

伪元素

• 伪元素也是用来添加一些选择器的特殊效果
• 伪元素使用两个冒号进行表示“：：”
• 举例：a::after{}

总结

我们可以根据名字来分析，首先伪类叫做"类“，也就是说这不是开创了一个新元素，而是在原来的元素上进行了一些操作，伪元素叫做元素，也就说选中的是原来的dom节点上面没有的虚拟元素，并不是对原来的dom的元素直接进行操作，更明显的区别就是伪类使用的是单冒号，伪元素使用的是双冒号。