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

相关推荐
用户7678797737321 分钟前
后端转全栈之Next.js 路由系统App Router
前端·next.js
OEC小胖胖2 分钟前
Next.js数据获取入门:`getStaticProps` 与 `getServerSideProps`
前端·前端框架·web·next.js
薛定谔的算法12 分钟前
JavaScript栈的实现与应用:从基础到实战
前端·javascript·算法
深圳外环高速16 分钟前
React 受控组件如何模拟用户输入
前端·react.js
土了个豆子的16 分钟前
03.缓存池
开发语言·前端·缓存·visualstudio·c#
手握风云-32 分钟前
JavaEE 进阶第四期:开启前端入门之旅(四)
前端
魔云连洲37 分钟前
React中的合成事件
前端·javascript·react.js
六月的可乐1 小时前
【干货推荐】AI助理前端UI组件-悬浮球组件
前端·人工智能·ui
呼啦啦呼_1 小时前
Echarts自定义地图显示区域,显示街道学校等区域,对原有区域拆分
前端