伪类选择器（vscode）

伪类选择器：

题：

 

/* 需求一：将ul里的第一个li自动一直设置为红色 */

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

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

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

          常见的伪类选择器

              语法使用‘:’开头

              :first-child   第一个元素

              :last-child    最后一个元素

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

                特殊值：

                  2n或even    偶数

                  2n+1或odd   奇数

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

            :first-of-type 第一个元素

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

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

         

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

                         

      */

:first-child{

          color: red;

        } 

/* 二、:not() 否定伪类

           -将符合条件的元素从选择器中去除  */

        /* 需求二：给所有诗句加背景色，除了l1 */

        li:not(#l1){

          background-color: green;

        }

        li{

          /* 去除li的项目符号 */

          list-style: none;

        }

        a{

          /* 去除a标签的下划线 */

          text-decoration: none;

        }

        h1{

          /* 增加下划线 */

          text-decoration: underline;

        }