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

为什么下面的span class="first"没有变成绿色呢

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>!important</title>

<style type="text/css">

p{color:red;}

p.first{color:green;}

</style>

</head>

<body>

    <h1>勇气</h1>

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

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

    

</body>

</html>


正在回答

6 回答

中间加个空格就好了p .first则可以实现span的格式变化,且只能实现span的变化。如果是p.first中间没有空格,表示p与.first的交集,故而只能显示第一段的变化。

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

因为p.first{color:green}设置的是<p clsaa="first">这个段落的样式,跟span class="first"没有关系

设置span class="first",应该是.first{}或者span{}这种选择器


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

http://img1.sycdn.imooc.com//5e609e630001affb09140570.jpg要做用的话,可以写成sapn.first

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

weibo_茁卓的天_0

或者直接去掉p
2020-03-05 回复 有任何疑惑可以回复我~

p.first{color:green;}

把p去掉

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

要好好学java

因为第二段p标签的类并不是first,但是span的类是first
2020-01-19 回复 有任何疑惑可以回复我~

p{color:red;}     权值为1

p.first{color:green;}  权值为1+10

<p class="first">  权值为1+10  所以第一段内容为绿色  (权值越大的优先)

<p id="second"> 权值为1+100 所以第二段内容为红色  (权值越大的优先)


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

慕UI3342164

补充: 标签权值为1,类为10,id为100
2019-12-11 回复 有任何疑惑可以回复我~

应该设置span.first{color:green;}

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

举报

0/150
提交
取消

为什么下面的span class="first"没有变成绿色呢

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