会员可以在此提问,百战程序员老师有问必答
对大家有帮助的问答会被标记为“推荐”
看完课程过来浏览一下别人提的问题,会帮你学得更全面
截止目前,同学们一共提了 128778个问题
Python 全系列/第七阶段:网页编程基础/jQuery 106楼
Python 全系列/第七阶段:网页编程基础/jQuery 107楼
Python 全系列/第七阶段:网页编程基础/jQuery 108楼
Python 全系列/第七阶段:网页编程基础/jQuery 109楼
Python 全系列/第七阶段:网页编程基础/jQuery 110楼
Python 全系列/第七阶段:网页编程基础/CSS3 111楼
Python 全系列/第七阶段:网页编程基础/CSS3 112楼
Python 全系列/第七阶段:网页编程基础/CSS3 113楼

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        /* 后代选择器,所有后代,包括子代和孙代都适用 */
        ul li {
            color: red;
            list-style-type: circle;
        }
       /* 子代选择器,仅适用于直接子代,对子代的子代不适用 */
        div>a {
            color:red;
        }
        ol>li{
            color:#ff00ff;
        }
    </style>
</head>

<body>
    <ul>
        <li>列表1</li>
        <li>
            <ul>
                <li>孙子1</li>
                <li>孙子2</li>
                <li>孙子3</li>
            </ul>
        </li>
        <li>列表3</li>
    </ul>

    <div>
        <a href="#">我是儿子A标签</a>
        <p>
            <a href="#">我是孙子A标签</a>
        </p>
    </div>

    <ol>
        <li>我是儿子li标签</li>
        <p>
            <li>我是孙子li标签</li>
        </p>
    </ol>
</body>

</html>

老师帮忙看看最后一个ol标签,为什么子代选择器对嵌套的li标签还是起作用了

Python 全系列/第七阶段:网页编程基础/CSS3 114楼
Python 全系列/第七阶段:网页编程基础/CSS3 115楼
Python 全系列/第七阶段:网页编程基础/JavaScript语言 116楼
Python 全系列/第七阶段:网页编程基础/JavaScript语言 117楼
Python 全系列/第七阶段:网页编程基础/JavaScript语言 119楼

百战程序员微信公众号

百战程序员微信小程序

©2014-2024 百战汇智(北京)科技有限公司 All Rights Reserved 北京亦庄经济开发区科创十四街 赛蒂国际工业园
网站维护:百战汇智(北京)科技有限公司
京公网安备 11011402011233号    京ICP备18060230号-3    营业执照    经营许可证:京B2-20212637