前端小知识（一）:CSS伪类和伪元素有哪些？有什么区别？
伪元素：
::selection 选择被用户选取的元素部分

:first-line 选择元素中的第一行

:first-letter 选择元素中的第一个字符

:after 在元素在该元素之后添加内容

:before 在元素在该元素之前添加内容
伪类：
:root 选择文档的根元素，等同于html元素

:empty 选择没有子元素的元素

:target 选取当前活动的目标元素

:not(selector) 选择除 selector 元素意外的元素

:enabled 选择可用的表单元素

:disabled 选择禁用的表单元素

:checked 选择被选中的表单元素

:first-child 选取当前选择器下第一个元素。

:last-child 和 first-child 相反，
:only-child 选取唯一子元素。

:only-of-type 选取唯一的某个类型的元素。
静态伪类（只用于a标签）：
:link 指示这个“超链接”未被访问

:visited 指示这个“超链接”已被访问


:focus 指示这个元素拥有输入“焦点”

:hover 指示当鼠标停留在这个元素上时，外观可以作相应改变

:active 指示这个元素可以被用户输入“激活”。

伪类和伪元素的区别在于
伪元素在一个选择器里只能出现一次，并且只能出现在末尾。

伪类则是像真正的类一样发挥着类的作用，没有数量上的限制，只要不是相互排斥的伪类，也可以同时使用在相同的元素上。
伪类用一个冒号表示 :first-child，伪元素则使用两个冒号表示 ::first-line(为了兼容，现在的浏览器中伪元素选择器用单冒号和双冒号都可以)。