正在回答
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之间不能有其他元素
建议同学再复习一遍选择器的课程,加深印象。
祝学习愉快!
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星