21. 伪类选择器

最新推荐文章于 2021-08-03 21:39:43 发布

广东码农

最新推荐文章于 2021-08-03 21:39:43 发布

阅读量72

点赞数

分类专栏： html+css

本文链接：https://blog.csdn.net/quanxiaobai_/article/details/115726727

版权

前端

html+css 专栏收录该内容

82 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        /* 
        伪类（不存在的类，特殊的类)
        伪类用来描述一个元素的特殊状态
        比如：第一个子元素、被点击的元素、鼠标移入的元素...
        伪类一般情况下都是使用:开头
            :first-child第一个子元素
            :last-child最后一个子元素
            :nth-child()选中第n个子元素
                特殊值：
                    n为选中全部
                    2n为选中偶数位的
                    2n+1为选中奇数位的
                    odd为选中奇数位的
                    even为选中偶数位的
            以上这些伪类都是根据所有的子元素进行排序

            :first-of-type
            :last-of-type
            :nth-of-type
            以上这些伪类都是根据同类型的子元素进行排序

            :not()否定伪类

         */
        ul > li:nth-child(2){
            color: red;
        }

        /* ul > li:nth-of-type(1){
            color: yellow;
        } */
    </style>
</head>
<body>
    <ul>
        <span>0</span>
        <li>1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
        <li>5</li>
    </ul>
 
</body>
</html>

广东码农

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
21. 伪类选择器

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> /* 伪类（不存在的类，特殊的类) 伪类用来描述一个元素的特殊状态比如：第一个子元素、被点击的元素、鼠标移入的元素... 伪类一般
复制链接

扫一扫

专栏目录