hadu
2016-07-27 11:09
<p id="first">三年级时,我还是一个<span>胆小如鼠</span>的小女孩,上课从来不敢回答老师提出的问题,生怕回答错了老师会批评我。就一直没有这个勇气来回答老师提出的问题。学校举办的活动我也没勇气参加。</p>
#first,span{color:yellow;} 除了胆小如鼠,其余为黄色;
#first span{color:yellow;} 胆小如鼠为黄色,其余未改变颜色;
#first,span{color:yellow;} 意思是 #first 和 span 标签内的颜色均为黄色。而且#first的权值为100大于span的权值1,
故全段均为黄色。#first span{color:yellow;}意思是#first 标签内的 span 标签的内容为黄色,所以只有胆小如鼠为黄色。
,为并列选择,也就是说#first和span都为黄色,看到的效果是#first全段黄色
空格为后代选择,即只有span变色
如果你代码格式没写错的话
#first,span{color:yellow;} 全是黄色(#first和span之间用“,”隔开意思是后面写的样式在这2个选择器上全起作用了,所以正常应该是全部变成黄色字体)
#first span{color:yellow;} 胆小如鼠为黄色,其余未改变颜色;(#first和span之间用“ 空格 ”隔开意思是选择id为first的标签里面的span标签;在例子中就是选择<span>胆小如鼠</span>。所以只有胆小如鼠变色)
还有什么不懂得可以直接回复问我
#first,span{color:yellow;} 这个效果是全段均为黄色嘛;即使只有#first{}也是全段黄色。
#first span{color:yellow;}这个效果就是“胆小如鼠”变为黄色,因为这是后代选择器,应用于id为first内的所有span。
初识HTML(5)+CSS(3)-升级版
1228521 学习 · 19002 问题
相似问题