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

相关推荐
web打印社区4 小时前
使用React如何静默打印页面:完整的前端打印解决方案
前端·javascript·vue.js·react.js·pdf·1024程序员节
喜欢踢足球的老罗4 小时前
[特殊字符] PM2 入门实战:从 0 到线上托管 React SPA
前端·react.js·前端框架
小光学长4 小时前
基于Vue的课程达成度分析系统t84pzgwk(程序+源码+数据库+调试部署+开发环境)带论文文档1万字以上,文末可获取,系统界面在最后面。
前端·数据库·vue.js
Baklib梅梅5 小时前
探码科技再获“专精特新”认定:Baklib引领AI内容管理新方向
前端·ruby on rails·前端框架·ruby
南方以南_6 小时前
Chrome开发者工具
前端·chrome
YiHanXii6 小时前
this 输出题
前端·javascript·1024程序员节
楊无好6 小时前
React中ref
前端·react.js
程琬清君6 小时前
vue3 confirm倒计时
前端·1024程序员节
歪歪1006 小时前
在C#中详细介绍一下Visual Studio中如何使用数据可视化工具
开发语言·前端·c#·visual studio code·visual studio·1024程序员节
唔666 小时前
flutter实现web端实现效果
前端·flutter