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

相关推荐
西洼工作室1 天前
原生js实现前端国际化
前端·javascript
aha-凯心1 天前
React 中没有 v-model,如何优雅地处理表单输入
前端·javascript·vue.js·react.js
lcc1871 天前
Vue3 其它Composition API
前端·vue.js
tsumikistep1 天前
【前后端】Vue 基本使用方式(下)—— 条件渲染、双向绑定、事件绑定
前端·javascript·vue.js
雨雨雨雨雨别下啦1 天前
【从0开始学前端】TypeScript语法总结
前端·typescript
敲敲了个代码1 天前
一天面了6个前端开发,水平真的令人堪忧啊
前端·javascript·学习·面试·webpack·typescript·前端框架
恋猫de小郭1 天前
用 AI 做了几个超炫酷的 Flutter 动画,同时又差点被 AI 气死
前端·flutter·aigc
某空m1 天前
【Android】组件化搭建
android·java·前端
零基础的修炼1 天前
[项目]基于正倒排索引的Boost搜索引擎---服务和前端模块
前端
一勺菠萝丶1 天前
Vue组件状态同步问题:为什么修改了DOM值,提交时还是默认值?
前端·javascript·vue.js