HTML/CSS中后代选择器

1.作用:选中指定元素中,符合要求的后代元素.
2.语法:选择器1 选择器2 选择器3 ...... 选择器n(使用空格隔开)
3.举例:
html 复制代码
    /* 选中ul中的所有li */
    ul li{
        color: red;
    }
    /* 选中类名为subject元素中的所有li */
    .subject li{
        color: blue;
    }
    /* 选中类名为subject元素中的所有类名为front-end的li */
    .subject li.front-end{
        color: blue;
    }
4.注意事项:

1.后代选择器,最终选择的是后代,不选中祖先.

2.儿子,孙子,重孙子,都算是后代.

3.结构一定要符合之前讲的HTML嵌套要求,例如:不能P中h1~h6

相关推荐
疾风铸境8 分钟前
Qt5.14.2+mingw64编译OpenCV3.4.14一次成功记录
前端·webpack·node.js
晓风伴月12 分钟前
Css:overflow: hidden截断条件‌及如何避免截断
前端·css·overflow截断条件
最新资讯动态14 分钟前
使用“一次开发,多端部署”,实现Pura X阔折叠的全新设计
前端
爱泡脚的鸡腿29 分钟前
HTML CSS 第二次笔记
前端·css
灯火不休ᝰ1 小时前
前端处理pdf文件流,展示pdf
前端·pdf
智践行1 小时前
Trae开发实战之转盘小程序
前端·trae
最新资讯动态1 小时前
DialogHub上线OpenHarmony开源社区,高效开发鸿蒙应用弹窗
前端
lvbb661 小时前
框架修改思路
前端·javascript·vue.js
树上有只程序猿1 小时前
Java程序员需要掌握的技术
前端
从零开始学安卓1 小时前
Kotlin(三) 协程
前端