HTML/CSS中子代选择器

1.作用:选中指定元素中,符合要求的子元素.

子代选择器又称:子元素选择器,子选择器.

2.语法:选择器1>选择器2>选择器3>......选择器n
3.实例
html 复制代码
 <style>
    /* div中子代选择器 */
    div>a{
        color: red;
    }
 </style>

    <div>
        <a href="#">张三</a>
        <a href="#">李四</a>
        <a href="#">王五</a>
        <p>
            <a href="#">赵六</a>
        </p>
    </div>
4.注意事项:

1.子代选择器,最终选择的是子代,不是父级.

2.子,孙子,重孙子,重重孙子....统称为后代!,但是子就是指儿子.

相关推荐
G_whang1 小时前
jenkins自动化部署前端vue+docker项目
前端·自动化·jenkins
凌辰揽月3 小时前
AJAX 学习
java·前端·javascript·学习·ajax·okhttp
然我5 小时前
防抖与节流:如何让频繁触发的函数 “慢下来”?
前端·javascript·html
鱼樱前端5 小时前
2025前端人一文看懂 Broadcast Channel API 通信指南
前端·vue.js
烛阴5 小时前
非空断言完全指南:解锁TypeScript/JavaScript的安全导航黑科技
前端·javascript
鱼樱前端5 小时前
2025前端人一文看懂 window.postMessage 通信
前端·vue.js
快乐点吧6 小时前
【前端】异步任务风控验证与轮询机制技术方案(通用笔记版)
前端·笔记
pe7er6 小时前
nuxtjs+git submodule的微前端有没有搞头
前端·设计模式·前端框架
七月的冰红茶6 小时前
【threejs】第一人称视角之八叉树碰撞检测
前端·threejs
爱掉发的小李6 小时前
前端开发中的输出问题
开发语言·前端·javascript