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

8--10其实也涉及了后代选择器的问题

求助一下!!

.first,#second span{color:green;}  为什么第一段会全变成绿色,   .first span{}color:green;}是class=first下的所有span都是绿色,为什么会影响到p的颜色呢?如果说first作用了p,那么还需要写什么span,直接写.first{color:green;}不就行了?我把答案拆分成下面这样为什么就不行了 .first span{color:green;}                             #second span{color:green;}   请问下该写成什么?

正在回答

5 回答

题主问的这个问题还是有点意思的。

我来说说吧,因为:

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

拆分之后是:

.first{color:green;}
#second span{color:green;}

中间的逗号是分隔两个类的,而不是让.first继承span.就像下面这样拆分是错误的:

.first span{color:green;}
#second span{color:green;}

(附加):你可以加一个类测试一下:

.first,#second span,.test{color:green;}      <!--添加一个test类选择器-->

然后在body里面添加:

<p class="test">testtesttest</p>            /*你会发现这也是绿色的*/

题主你的困惑在逗号上面,自己多调试吧。

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

慕粉1467113504 提问者

嗯 说的非常明白,测试了下,懂了。多谢多谢!
2016-08-17 回复 有任何疑惑可以回复我~

看来楼主对答有了进一步了解

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

你把代码放上来吧,没看懂你说的

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

慕粉1467113504 提问者

嗯 已经懂了。还是谢谢
2016-08-17 回复 有任何疑惑可以回复我~

.first,#second span{color:green;} 里面 .first和#second span 是分开的

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

慕粉1467113504 提问者

嗯,懂了 谢谢
2016-08-17 回复 有任何疑惑可以回复我~

你的提问的描述太乱了 如果里面涉及了代码就用代码语言写

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

慕粉1467113504 提问者

额 抱歉 刚开始用,着急着问,就没写清楚。
2016-08-17 回复 有任何疑惑可以回复我~

举报

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

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

进入课程

8--10其实也涉及了后代选择器的问题

我要回答 关注问题
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号