伪类选择器和伪元素选择器

伪类选择器，  可以理解为描述元素的某种状态。
        常用伪类
            ：hover    鼠标覆盖在元素上
            ：active   鼠标在元素上并按下左键
            ：link     元素链接地阿基前的样式
            ：visited      元素链接点击后的样式
            ：focus    获取焦点的样式
            ：checked       选中
            ：first-child     第一个子级
            ：last-child      最后一个子级
            ：first-of-type    特定的第一个子级
            ：last-of-type    特定的最后一个子级
            ：nth-child(n)      第n个元素
            ：nth-of-type(n) 指定类型的第n个元素
            :nth-last-child(n)  倒数第n个元素
            ：nth-last-of-type（n）指定类型的倒数第n个子元素
    伪元素选择器，可以理解为某个元素的子元素，但不存在于HTML中
        ::after     元素后的内容
        ::before    元素前的内容
        ::first-line      文本的第一行样式
        ::first-letter        文本的首字母，只用于块元素
        ::placeholder       只用于表单的提示文本