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

相关推荐
天平7 小时前
油猴脚本创建webworker踩坑记录
前端·javascript·typescript
原则猫8 小时前
前端基础大厦
前端
陈随易9 小时前
编程语言级别的Skill市场,AI Agent 的未来形态
前端·后端·程序员
SoaringHeart10 小时前
Flutter进阶:基于 EasyRefresh 的下拉刷新封装 n_easy_refresh_mixin.dart
前端·flutter
IT_陈寒12 小时前
Vite的热更新突然不香了,排查三小时差点砸键盘
前端·人工智能·后端
子兮曰13 小时前
Agency-Agents 深度解析:400+ AI 专家的"梦之队"如何重塑开发工作流
前端·后端·vibecoding
竹林81813 小时前
用 The Graph 查询链上数据实战:从手搓 RPC 到 Subgraph,我的 NFT 项目数据加载快了 10 倍
前端·javascript
妙码生花14 小时前
从 PHP 到 AI + Golang,程序员自救转型手记(十九):点选验证码代码逐行目检
前端·后端·go
Awu122714 小时前
⚡从零开发 Agent CLI(五)实现一个可治理、可扩展的工具系统
前端·人工智能·claude
咪库咪库咪15 小时前
Vue3-生命周期
前端