伪类和伪元素傻傻分不清楚

伪类：

但已有元素处于某个状态时，为其添加对应的样式，这个状态是根据用户行为而动态变化的。

a标签主要有link，visited，hover，active，focus
当点击a标签的时候触发顺序同上面书写顺序一样

伪元素

用于创建一些不在文档树中的元素，并为其添加样式。

主要有单双冒号的区别

单双冒号：

::before/:before
::after/:after
::first-letter/:first-letter
::first-line/:first-line

注意：:after和:before这样生成的是行内元素

仅单冒号

::selection
::placeholder
::backdrop

题外话

first-child 和 first-of-type的区别

:first-child:匹配的是某父元素的第一个子元素，可以说是结构上的第一个子元素。
:first-of-type:匹配的是某父元素下相同类型子元素中的第一个

参考文章