css中的伪元素本质上是创建了一个有内容的虚拟容器，这句话什么意思，不明白，能举例说明吗？

Question

css中的伪元素本质上是创建了一个有内容的虚拟容器，这句话什么意思，不明白，能举例说明吗？

Answer 1

伪元素使用 2 个冒号，常见的有：::before，::after，::first-line，::first-letter，::selection、::placeholder 等；
伪类使用1个冒号，常见的有：:hover，:link，:active，:target，:not()，:focus等。
伪元素添加了一个页面中没有的元素（只是从视觉效果上添加了，不是在文档树中添加）；
伪类是给页面中已经存在的元素添加一个类。