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

相关推荐
Moment几秒前
你写的网站安全吗?这四个攻击方式正在悄悄盯上你
前端·后端·面试
_荒6 分钟前
Uniapp 开发物联网项目MQTT通信使用和TTS语音播报以及无输入框扫描枪读取
前端·javascript·vue.js
狂炫一碗大米饭10 分钟前
vue面试高频考题----computed和watch的区别❓
前端·vue.js·面试
Kant79336 分钟前
Ant Design X 和 Element-Plus-X
前端
dasseinzumtode38 分钟前
在 React 项目中使用 TypeScript 编写 Service Worker 的完整方案
前端·react.js
来一首_We_go40 分钟前
React Router V7 踩坑指南
前端·react.js
出师未捷的小白40 分钟前
我的嘛也!实现一个时间轴无缝轮播居然如此简单......
前端
郡杰42 分钟前
JavaScript基础语法
前端·javascript
cypking1 小时前
svelte+vite+ts+melt-ui从0到1完整框架搭建
前端