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

如以下我修改后的代码,请问当添加了.first{color:purple;}后<span>胆小如鼠<span>依然是粉红色?span权值为1,而.first权值为10啊

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>特殊性</title>
<style type="text/css">
p{color:red;}
.first{color:blue;}/*因为权值高显示为蓝色*/

span{color:pink;}/*设置为粉色*/
.first{color:purple;}

</style>
</head>
<body>
    <h1>勇气</h1>
    <p class="first">三年级时,我还是一个<span>胆小如鼠</span>的小女孩,上课从来不敢回答老师提出的问题,生怕回答错了老师会批评我。就一直没有这个勇气来回答老师提出的问题。学校举办的活动我也没勇气参加。</p>
    <p id="second">到了三年级下学期时,我们班上了一节公开课,老师提出了一个很简单的问题,班里很多同学都举手了,甚至成绩比我差很多的,也举手了,还说着:"我来,我来。"我环顾了四周,就我没有举手。</p>
</body>
</html>

http://img1.sycdn.imooc.com//5690c29500017b8b03790245.jpg

正在回答

2 回答

这里的span元素并没有引用first类,first类到这里已经是继承了,继承权值很低的。span元素匹配的是p span{}。

如果要执行first类,那么应该是这样的

<span class="first">胆小如鼠</span>


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

OLYLYL 提问者

first类继承的是谁?是第一个first吗?真心求教,麻烦了
2016-01-09 回复 有任何疑惑可以回复我~
#2

Perona 回复 OLYLYL 提问者

你原文只有<p class="first">是引用了first类呀,纠正一下,我刚刚看混了,我以为你的代码是原案例的 p span{}。结果只有span元素,所以应用的还是span的样式。first类到span这里已经是继承了。
2016-01-09 回复 有任何疑惑可以回复我~
#3

OLYLYL 提问者 回复 Perona

哦,豁然开朗~~谢谢
2016-01-09 回复 有任何疑惑可以回复我~

p.first span{ color:purple}这样对么?

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

Perona

可以这样写,这样写的权值为1+10+1=12
2016-01-09 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

如以下我修改后的代码,请问当添加了.first{color:purple;}后<span>胆小如鼠<span>依然是粉红色?span权值为1,而.first权值为10啊

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