后代选择器

最新推荐文章于 2024-11-02 11:12:54 发布

青柠杆菌

最新推荐文章于 2024-11-02 11:12:54 发布

阅读量597

点赞数

分类专栏： HTML和CSS（基于黑马程序员视频学习文章标签： html html5 javascript

本文链接：https://blog.csdn.net/jjlome/article/details/121426301

版权

HTML和CSS（基于黑马程序员视频学习专栏收录该内容

48 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title></title>
    <style>
        /*把ol里面的小li选出来改为pink.元素1父级 元素2子级{样式声明。元素1和元素2之间有空格}*/
        ol li {
            color: pink;
        }
        li a {
            color: red;
        }
        .nav li a{
            color: yellow;
        }
    </style>
</head>
<body>
    <ol>
        <li>我是ol的孩子</li>
        <li>我是ol的孩子</li>
        <li>我是ol的孩子</li>
        <li>我是ol的孩子</li>
    </ol>
    <ul>
        <li><a href="#">我是ul的孩子</a></li>
        <li>我是ul的孩子</li>
        <li>我是ul的孩子</li>
        <li>我是ul的孩子</li>
    </ul>
    <ul class="nav">
        <li><a href="#">我是ul的孩子</a></li>
        <li>我是ul的孩子</li>
        <li>我是ul的孩子</li>
        <li>我是ul的孩子</li>
    </ul>
</body>
</html>