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

来源:9-3 权值计算-特殊性

hadu

2016-07-27 11:09

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

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

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



写回答 关注

4回答

  • silentcloud123
    2016-07-27 11:30:21

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

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

  • 菜鸟小苗
    2016-07-27 11:28:52

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

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

  • qq_小灰灰_15
    2016-07-27 11:27:48

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

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

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

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


  • 慕粉3694319
    2016-07-27 11:20:37

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

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

初识HTML(5)+CSS(3)-升级版

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

1228521 学习 · 19002 问题

查看课程

相似问题