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

左手的ㄟ右手 2023-10-03 12:49 3阅读 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 条评论，3人围观）

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

相关阅读

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

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

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

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

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

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

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

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

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

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

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

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

相关 CSS复合选择器

交集选择器并集选持器后代选择器子元素选择器相邻兄弟选择器属性选择器交集选择器交集选择器由两个选择器直接连接构成，其中第

短命女/ 2022年12月31日 12:24/ 0 赞/ 190 阅读

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

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

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

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

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

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

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

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

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

相关 CSS复合选择器

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

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

相关 CSS复合选择器

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

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