【响应式Web前端设计】CSS后代选择器和子代选择器


子代选择器:>号

    .father>div{
        border: 2px solid blue; 
                                           }`

后代选择器:空格

    .father div{
        border: 2px solid pink;
    }

后代,顾名思义,子孙后代,不仅包括子还包括孙,曾孙,曾曾孙,只在在父里面的,都能管到。

子代,就只是儿子辈了,再往下的就管不了了。

在这里插入图片描述

举个上面的例子。

首先是后代选择:.the-demo li

在这里插入图片描述

在这里插入图片描述
子代选择:.the-demo>li

在这里插入图片描述

在这里插入图片描述
可以看到,孙辈的没有边框。子代选择只能一层一层的往下,孙1的子代选择:.the-demo>li>ul>li

李响Superb CSDN认证博客专家 机器学习 TensorFlow 图像处理
成为一名优秀的算法工程师⬆️ ,
目前还在读软件工程,
AI攻防、算法和深度学习方向,
微博同名❤️ :李响Superb,
(记得关注,有问题微博私信!)
我们一起努力呀!
已标记关键词 清除标记
相关推荐
©️2020 CSDN 皮肤主题: 猿与汪的秘密 设计师:白松林 返回首页
实付 9.90元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值