CSS 伪类和伪元素

一、伪类选择器
      伪类  不存在的类   表示元素的一种状态，好比排在第一位，倒数第        一个，鼠标悬浮，鼠标点击
        :first-child   第一个子元素
        :last-child    最后一个子元素
        :nth-child(n)  选中第n个子元素
              n    选中所有的子元素
              2n/even   偶数
              2n+1/odd  奇数
        以上的伪类，是根据所有的子元素进行排序的
        
        :first-of-type   第一个子元素
        :last-of-type    最后一个子元素
        :nth-of-type(n)     选中第n个子元素

anchor伪类

如图：未访问时颜色

如图：鼠标移动到链接的颜色

如图：鼠标点击颜色

 二、伪元素选择器

伪元素的语法：

selector:pseudo-element {property:value;}

CSS类也可以使用伪元素：

selector.class:pseudo-element {property:value;}

 伪元素

::first-letter	第一个字母
::first-line	第一行
::selection	选中的内容
::before	在元素开始的位置前
::after	在元素结束的位置后

:first-line 伪元素

:first-letter 伪元素

 :before 伪元素

:after 伪元素