2回答

好帮手慕然然

2021-07-15

已采纳

同学你好，这些是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之间不能有其他元素

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

祝学习愉快！

0

hasyschen

hp>​

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

h021-07-16

共1条回复

好帮手慕星星

2021-07-17

同学你好，问题解答如下：

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

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

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

​

自己再理解下，祝学习愉快！

0