.first,#second span{color:green;} h1,span{color:red;}

源自：8-10 给选择器分个组 - 分组选择器

.first,#second span{color:green;} h1,span{color:red;}

请问为什么加入 .first,#second span{color:green;}之后第二段只是“简单”变绿而不是整段变绿？第一段又为什么“胆小如鼠”是红的使用的span参数是前面哪个span在作用？h1,span{color:red;}不是应该只作用于标题吗？

提问者：JaxonL 2017-05-01 18:29

个回答

boboLeo

2017-05-01 18:53:26

已采纳

因为#second span选择器代表的是第二段的那个<span></span>里包围得内容，如果只有#second而不加上后面的span的话，那么第二段就会整段变绿，第二个问题同样道理，第九章的层叠跟重要性里有解释

1
qq_梅歌_0

2017-05-01 18:59:34

.first是一个选择器；#second又是另一个选择器；他们分别代表第一段、第二段里面选择的内容。所以会出现那样的结果。

0
刀挞

2017-05-01 18:47:30

#second apan就是包含选择啊，所以只有“简单”变绿。因为.first,#second span{color:green;}改变的是第二段，所以第一段没变化，还是红色。h1,span{color:red;}作用的是<h1>和<span>标签

0