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

#first,span{color:yellow;} <span>胆小如鼠</span>未变色,为什么?

<p id="first">三年级时,我还是一个<span>胆小如鼠</span>的小女孩,上课从来不敢回答老师提出的问题,生怕回答错了老师会批评我。就一直没有这个勇气来回答老师提出的问题。学校举办的活动我也没勇气参加。</p>

#first,span{color:yellow;}  除了胆小如鼠,其余为黄色;

#first span{color:yellow;}  胆小如鼠为黄色,其余未改变颜色;



正在回答

4 回答

#first,span{color:yellow;} 意思是 #first 和 span 标签内的颜色均为黄色。而且#first的权值为100大于span的权值1,

故全段均为黄色。#first span{color:yellow;}意思是#first 标签内的 span 标签的内容为黄色,所以只有胆小如鼠为黄色。

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

,为并列选择,也就是说#first和span都为黄色,看到的效果是#first全段黄色

空格为后代选择,即只有span变色

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

如果你代码格式没写错的话

#first,span{color:yellow;}  全是黄色(#first和span之间用“,”隔开意思是后面写的样式在这2个选择器上全起作用了,所以正常应该是全部变成黄色字体)

#first span{color:yellow;}  胆小如鼠为黄色,其余未改变颜色;(#first和span之间用“ 空格 ”隔开意思是选择id为first的标签里面的span标签;在例子中就是选择<span>胆小如鼠</span>。所以只有胆小如鼠变色)

还有什么不懂得可以直接回复问我


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

#first,span{color:yellow;} 这个效果是全段均为黄色嘛;即使只有#first{}也是全段黄色。

#first span{color:yellow;}这个效果就是“胆小如鼠”变为黄色,因为这是后代选择器,应用于id为first内的所有span。

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

举报

0/150
提交
取消

#first,span{color:yellow;} <span>胆小如鼠</span>未变色,为什么?

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

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

帮助反馈 APP下载

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

公众号

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