复合选择器-后代选择器（HTML、CSS）

左手的ㄟ右手 2023-10-03 12:49 45阅读 0赞

### 复合选择器-后代选择器（HTML、CSS） ###

<!DOCTYPE html>
    <html lang="en">
    
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>复合选择器-后代选择器</title>
        <style>
            /*    把ol里边的 li选出来 改为red */
            ol li {
        
                color: red;
            }
    
            /*  一级一级遍历 （从大到小） */
            ol li a {
        
                color: green;
            }
    
            .nav li a {
        
                color: yellow;
            }
        </style>
    </head>
    
    <body>
        <ol>
            
            
            <li>111</li> 
            <li>222</li>
            <li>333</li>
            <li><a href="#">123</a></li>
        </ol>
    
        <ul class="nav">
            
            <li>444</li>
            <li>555</li>
            <li>666</li>
            <li><a href="#">456</a></li>
            <li><a href="#">456</a></li>
            <li><a href="#">456</a></li>
        </ul>
        
    </body>
    
    </html>

发表评论取消回复

表情：

评论列表（有 0 条评论，45人围观）

还没有评论，来说两句吧...

相关阅读

相关【前端_层次选择器】子代选择器、后代选择器、兄弟选择器、相邻选择器

[CSDN话题挑战赛第2期][CSDN_2] 参赛话题：[学习笔记][Link 1] 学习之路，长路漫漫，写学习笔记的过程就是把知识讲给自己听的过程。这个过程中，我们去记

太过爱你忘了你带给我的痛/ 2024年04月06日 13:41/ 0 赞/ 107 阅读

相关复合选择器-子选择器（HTML、CSS）

复合选择器-子选择器（HTML、CSS） <!DOCTYPE html> <html lang="en"> <head>

曾经终败给现在/ 2023年10月03日 12:49/ 0 赞/ 26 阅读

相关复合选择器-后代选择器（HTML、CSS）

复合选择器-后代选择器（HTML、CSS） <!DOCTYPE html> <html lang="en"> <head>

左手的ㄟ右手/ 2023年10月03日 12:49/ 0 赞/ 46 阅读

相关复合选择器-focus选择器（HTML、CSS）

复合选择器-:focus选择器（HTML、CSS） <!DOCTYPE html> <html lang="en"> <head>

港控/mmm°/ 2023年10月03日 12:44/ 0 赞/ 44 阅读

相关 CSS-包含选择器、后代选择器

说明： 1.包含选择器也可以叫做后代选择器。利用父子级关系进行选择. 2.父子级关系,从父级到子级的顺序，用空格分隔 <html> <he

我不是女神ヾ/ 2023年07月01日 06:24/ 0 赞/ 159 阅读

相关复合选择器——后代选择器，子选择器，并集选择器和伪类选择器

复合选择器复合选择器——后代选择器，子选择器，并集选择器和伪类选择器复合选择器是简历在基础选择器之上的，对基本选择器进行组合形成的。复合选择器可以更准确、更高效的选择目

╰+攻爆jí腚メ/ 2022年12月17日 04:27/ 0 赞/ 225 阅读

相关 CSS的复合选择器（后代选择器、子选择器、并集选择器、伪类选择器、链接伪类选择器、:focus伪类选择器）

文章目录 1 什么是复合选择器 2 后代选择器 3 子选择器 4 并集选择器 5 伪类选择器 6 链接伪类选择器 7 :focu

末蓝、/ 2022年11月17日 14:58/ 0 赞/ 326 阅读

相关子代选择器和后代选择器

在CSS3中，我们会遇到这个一个问题，当层级过多的时候，我们想对其中的某些标签进行操作，有时候我们又想只对某一层级的标签进行操作，这个时候就涉及到字标签和后代标签的问题

落日映苍穹つ/ 2022年05月18日 09:43/ 0 赞/ 272 阅读

相关 CSS复合选择器

复合选择器是由两个或多个基础选择器，通过不同的方式组合而成的,目的是为了可以选择更准确更精细的目标元素标签。交集选择器交集选择器由两个选择器构成，其中第一个为标签选

柔情只为你懂/ 2022年05月16日 07:19/ 0 赞/ 223 阅读

相关 CSS复合选择器

CSS复合选择器复合选择器是由两个或多个基础选择器，通过不同的方式组合而成的,目的是为了可以选择更准确更精细的目标元素标签。交集选择器交集选择器由两个选择器构成，其

Bertha 。/ 2022年03月21日 05:14/ 0 赞/ 224 阅读