伪类选择器

伪类选择器（不存在，特殊的类）

            作用：用来描述一个元素的特殊状态

            比如：第一个子元素，被点击的元素，鼠标移入的元素。。。

            伪类一般使用：开头

                :first-child 第一个子元素

                :last-child 最后一个子元素

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

                特殊值：

                    n 第n个  n的范围0~正无穷

                    2n 或even 表示选中偶数位的元素

                    2n+1 或odd 表示选中奇数位的元素

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

                :first-of-type

                :last-of-type

                :nth-of-type()

                以上功能和上面类似，但此方法是描述同类型元素中进行排序

<style>
        /* ul > li:first-child{
            color: red;
        } */

        /* ul >li:last-child{
            color: aqua;
        } */

        /* ul > li:nth-child(n){
            color: blue;
        } */

        ul > li:first-of-type{
            color: red;
        }

        ul > li:last-of-type{
            color: aqua;
        }

        ul>li:nth-of-type(2n){
            color: blueviolet;
        }
     </style>

<ul>
        <span>我是0</span>
        <li>第一个</li>
        <li>第二个</li>
        <li>第三个</li>
        <li>第四个</li>
        <li>第五个</li>
    </ul>