CSS样式中逗号的意思是什么?

CSS样式中逗号的意思是什么?

http://img1.sycdn.imooc.com//climg/60eef92d095dda1417740736.jpg

BC选项中,逗号是“且”的关系吗?

那空格:是所有后代子元素的关系?(包括孙子等)

>大于:是儿子元素?不包括所有后代?

+是并列的关系吗?


【并列】的关系是啥?  我忘记是哪一节课了


忘记所有的关系了,麻烦小慕助手帮忙告知知识点章节。。。

正在回答

登陆购买课程后可参与讨论,去登陆

2回答

同学你好,这些是css选择器中的复合选择器(课程链接:https://class.imooc.com/lesson/1611#mid=38847

以及元素关系选择器(课程链接:https://class.imooc.com/lesson/1611#mid=38849

其中,以逗号分隔的是并集选择器,表示同时选取多个元素,例如

div,p,ul{} 表示同时选择div,p和ul元素,共同设置样式

以空格分隔的是后代选择器,表示选取指定父元素下的所有子元素,例如

div p{} 表示选择div中的所有子元素p,包括所有儿子元素、孙子元素

以“>”号分隔的是子代选择器,表示选取指定父元素下的直接子元素,例如

div>p{} 表示选择div中的直接子元素p,也就是同学所说的儿子元素

​以“+”号分隔的是相邻兄弟选择器,表示选取指定元素后的紧邻的兄弟元素,例如

div+p{} 表示选择div后紧邻的兄弟元素p,注意紧邻表示div和p之间不能有其他元素

建议同学再复习一遍选择器的课程,加深印象。

祝学习愉快!

  • easyschen 提问者 #1

    http://img1.sycdn.imooc.com//climg/60f16f020958617715060833.jpg

    右侧红框区域,选择器之间用空格隔开,这里和逗号隔开又是什么区别???

    2021-07-16 19:36:36
好帮手慕星星 2021-07-17 11:51:05

同学你好,问题解答如下:

1、选择器之间空格隔开代表的是后代选择器(所有后代)。例如

http://img1.sycdn.imooc.com//climg/60f25311092ecacc14320431.jpg

box2是box1的子元素,p是box2的后代元素。

2、逗号是并集选择器,是选中多个元素,例如:

http://img1.sycdn.imooc.com//climg/60f253580945bba706350080.jpg

http://img1.sycdn.imooc.com//climg/60f25397093ef68f03510339.jpg

自己再理解下,祝学习愉快!

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师