复合选择器

1.1 后代选择器:空格

(1)、作用:根据HTML标签的嵌套关系,选择父元素后代中满足条件的元素;

(2)、选择器语法:选择器1 选择器2{css}

(3)、结果:在选择器1所找到标签后代(儿子、孙子、重孙子...)中,找到满足选择器2的标签,设置样式;

(4)、注意点:

①、后代包括:儿子、孙子、重孙子......

②、后代选择中,选择器与选择器之前通过空格隔开

eg: 

1.2 子代选择器:>

(1)、作用:根据HTML标签的嵌套关系,选择父元素子代中满足条件的元素;

(2)、选择器语法:选择器1>选择器2{css}

(3)、结果:在选择器1所找到标签的子代(儿子)中,找到满足选择器2的标签,设置样式

(4)、注意点:

①、子代只包括:儿子;
②、子代选择器中,选择器与选择器之间通过>隔开

 

 

 

posted @   小石糖记  阅读(30)  评论(0编辑  收藏  举报
编辑推荐:
· AI与.NET技术实操系列:基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 25岁的心里话
· 按钮权限的设计及实现
点击右上角即可分享
微信分享提示