伪类选择器和伪元素选择器有什么区别？它们都在什么时候用呢？

Question

伪类选择器和伪元素选择器有什么区别？它们都在什么时候用呢？

Answer 1

1、类，用户定义的类名，这个类是具体的，看得见的，如div.div0，选择具有类div0的div元素。
2、伪类，用于向某些选择器添加特殊的效果。用伪类定义的样式并不是作用在标记上，而是作用在标记的状态上，如a标签的:hover，表单元素的:disabled。
3、元素，如div、p、h1等，是实实在在存在的元素。
4、伪元素，是html中不存在的元素，仅在css中用来渲染的，伪元素创建了一个虚拟容器，这个容器不包含任何DOM元素，但是可以包含内容。如::before、::after。