分组选择符
来源：8-10 给选择器分个组 - 分组选择器
wingle
2016-10-26 00:24
.first,#second span{
color:green;
}
</style>
</head>
<body>
<h1>勇气</h1>
<p class="first">三年级时，我还是一个<span>胆小如鼠</span>的小女孩，上课从来不敢回答老师提出的问题，生怕回答错了老师会批评我。就一直没有这个勇气来回答老师提出的问题。学校举办的活动我也没勇气参加。</p>
<p id="second">到了三年级下学期时，我们班上了一节公开课，老师提出了一个很<span>简单</span>的问题，班里很多同学都举手了，甚至成绩比我差很多的，也举手了，还说着："我来，我来。"我环顾了四周，就我没有举手。</p>
为什么第一段全变绿了？第二段只有span中的变了。
写回答
关注
4回答
-
- qq_settingsun_0
- 2016-10-26 00:43:21
第一段.first用的是类选择器，选择的是整个类；而第二段的#second span用的是id选择器和后代选择器（其混合选择器：选择器的组合使用），意为选择id=second中的后代元素span。
-
- 慕数据5775487
- 2016-10-26 01:11:46
这样说吧，如果这样写.first,#second{
color:green;
}那么就两个段落全变为绿色了，明白了吗？ -
- 慕数据5775487
- 2016-10-26 01:08:12
看来深夜加班的还真不少！加油！说明你子选择器还没弄太明白，second span只作用于ID为second内的子元素span,所以只有span元素内的内容变为绿色了！
-
- YianJiao_Y4172559
- 2016-10-26 00:44:17
.first是类选择器作用于整段；#second span是后代选择器，作用于子后代元素，第二段中second id选择器的后代元素只有span所以只有span颜色变绿
初识HTML(5)+CSS(3)-升级版
HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义
1225808 学习 · 18234 问题
相似问题