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

不删除第一行为什么第一段的胆小如鼠是红色的? 不是应该按照第二行就近原则变绿色吗?

h1,span{color:red;}

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

</style>

</head>

<body>

    <h1>勇气</h1>

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

    <p id="second">到了三年级下学期时,我们班上了一节公开课,老师提出了一个很<span>简单</span>的问题,班里很多同学都举手了,甚至成绩比我差很多的,也举手了,还说着:"我来,我来。"我环顾了四周,就我没有举手。</p>


正在回答

5 回答

我猜应该是权值的问题。.first的权值没有h1,span{color:red;}的权值高。

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

CSA1

之所以是猜是因为还没学到权值。
2016-09-23 回复 有任何疑惑可以回复我~

h1,span{color:red;} 是h1标签和span标签为红色。

.first,#second span{color:green;}表示类first和唯一id second 下的span为绿色。

但是拆分来说 

h1红色 

span红色 

.first绿色 

#second span绿色

第一段符合 span虽然在.first.里面 但.first段落为绿色,里面span是从新给胆小如鼠添加的是红色。

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

单独看:

h1,span{color:red;}表示所有<span></span>里面的内容都是红色,

first,#second span{color:green;}表示.first里面的除<span>内容</span>以外都是绿色,#second span里面的内容也为绿色

综合看:

由于css里面的层叠性,#second span里面的绿色覆盖了h1,span的红色,而first span里面内容的颜色未被覆盖,所以仍为红色

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

CSS中第一行所设置的是“勇气”和所有的span标签为红色,第二行设置的是第二段中的span标签“简单”为绿色;这时候第一行中的胆小如鼠不受第二行影响;


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

.first,#second span{color:green;}这段定义的是“#second span”的颜色也就是“简单”,而h1,span{color:red;}里面的span定义的才是“胆小如鼠”

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

慕函数7042876 提问者

.first,#second span{color:green;}这里面的“.first”也定义了胆小如鼠吧... 而且这个“.first”无论从就近原则看还是从后面学到的权值来看,应该都优先于h1,span{color:red;}里的span呀...
2016-10-18 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

不删除第一行为什么第一段的胆小如鼠是红色的? 不是应该按照第二行就近原则变绿色吗?

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