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.子,孙子,重孙子,重重孙子....统称为后代!,但是子就是指儿子.

相关推荐
秋天的一阵风8 分钟前
GeekGeekRun:求职路上的开源神器🚀🚀🚀
前端·面试·求职
yinuo10 分钟前
实现二维码扫码器动画效果
前端
八岁小孩学编程26 分钟前
Figma多语言JSON的解决方案:手把手打造React Figma AI Chrome扩展
前端·react.js·ai编程
pe7er29 分钟前
使用 force-resolutions 强制锁定 npm/yarn 依赖版本
前端·javascript
JinSo33 分钟前
EasyDashboard 数据源功能来啦!
前端·javascript·github
Mike_jia40 分钟前
Netdata:实时监控领域的“超音速战机”——从零构建企业级运维观测体系
前端
Mike_jia44 分钟前
RustDesk:开源远程桌面的颠覆者——从极简部署到企业级实战全解析
前端
晓得迷路了1 小时前
栗子前端技术周刊第 86 期 - React Native 0.80、Bun v1.2.16、Astro 5.10...
前端·javascript·bun
JustHappy1 小时前
「web前端性能优化慢聊🚀」从域名到IP,咱切图仔可以做啥?—— DNS解析优化慢聊
前端
心.c1 小时前
React基础
前端·javascript·react.js