CSS进阶知识（伪类选择器，伪类等）

伪类选择器

一 、伪类（不存在的类，特殊的类）

          定义：不真实存在的类，是一种特殊的类，它表示的元素的一种状态，不是固定某一定

          例如：第一名，倒数第一名，鼠标悬浮，鼠标点击等。

常见的伪类选择器

              语法使用‘:’开头

              :first-child   第一个元素

              :last-child    最后一个元素

              :nth-child()   选中第几个元素

          特殊值：

                  2n或even    偶数

                  2n+1或odd   奇数

以上这些伪类都是根据所有的子元素进行排序

            :first-of-type 第一个元素

            :last-of-type  最后一个元素

            :nth-of-type()   选中第几个元素

      功能跟上面相似，不同的是，这是在同类型的子元素中去选择

:not() 否定伪类：将符合条件的元素从选择器中去除           

span:first-child{
          color: red;
        }  
        li:not(#l1){
          background-color: green;
        }
        li{
          /* 去除li的项目符号 */
          list-style: none;
        }
        a{
          /* 去除a标签的下划线 */
          text-decoration: none;
        }
        h1{
          /* 增加下划线 */
          text-decoration: underline;
        }

a元素的伪类

1、:link  没有访问过的状态

 a:link{
        color: orange;
      }

 2、:visited 访问过的状