为了账号安全,请及时绑定邮箱和手机立即绑定

分组选择符

.first,#second span{
    color:green;
}
</style>
</head>
<body>
    <h1>勇气</h1>
    <p class="first">三年级时,我还是一个<span>胆小如鼠</span>的小女孩,上课从来不敢回答老师提出的问题,生怕回答错了老师会批评我。就一直没有这个勇气来回答老师提出的问题。学校举办的活动我也没勇气参加。</p>
    <p id="second">到了三年级下学期时,我们班上了一节公开课,老师提出了一个很<span>简单</span>的问题,班里很多同学都举手了,甚至成绩比我差很多的,也举手了,还说着:"我来,我来。"我环顾了四周,就我没有举手。</p>

为什么第一段全变绿了?第二段只有span中的变了。

正在回答

4 回答

第一段.first用的是类选择器,选择的是整个类;而第二段的#second span用的是id选择器和后代选择器(其混合选择器:选择器的组合使用),意为选择id=second中的后代元素span。

1 回复 有任何疑惑可以回复我~
#1

wingle 提问者

非常感谢!
2016-10-26 回复 有任何疑惑可以回复我~
#2

wingle 提问者

这里子代选择器class的子代是?后代选择器ID的后代是从什么标签开始的?可以看到class从p开始,ID作用到了后面的span。
2016-10-26 回复 有任何疑惑可以回复我~
#3

qq_settingsun_0 回复 wingle 提问者

选择器好像没有后代的说法,元素之间才有子代和后代的说法,原因是元素之间存在父子关系。详细的你去看《css权威指南》这本书,里面专门有一章讲的选择器,很全。我也是最近再看这个,你可以去看看,讲的CSS里面的规则这些。
2016-10-26 回复 有任何疑惑可以回复我~

这样说吧,如果这样写.first,#second{
    color:green;
}那么就两个段落全变为绿色了,明白了吗?

0 回复 有任何疑惑可以回复我~

看来深夜加班的还真不少!加油!说明你子选择器还没弄太明白,second span只作用于ID为second内的子元素span,所以只有span元素内的内容变为绿色了!

0 回复 有任何疑惑可以回复我~

.first是类选择器作用于整段;#second span是后代选择器,作用于子后代元素,第二段中second id选择器的后代元素只有span所以只有span颜色变绿

1 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
初识HTML(5)+CSS(3)-升级版
  • 参与学习       1225780    人
  • 解答问题       18234    个

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

进入课程

分组选择符

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信