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

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

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

相关阅读

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

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

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

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

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

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

相关 CSS复合选择器

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

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

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

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

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

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

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

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

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

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

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

相关 CSS复合选择器

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

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

相关 jQuery复合选择器

一介绍复合选择器将多个选择器（可以是ID选择器、元素选择或是类名选择器）组合在一起，两个选择器之间以逗号“，”分隔，只要符合其中的任何一个筛选条件就会被匹配，返回的是一个

迈不过友情╰/ 2022年05月12日 00:36/ 0 赞/ 162 阅读

相关 CSS复合选择器

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

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

相关 jQuery中的后代选择器和孩子选择器

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>

冷不防/ 2021年09月18日 22:50/ 0 赞/ 580 阅读