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

来源:9-4 为所欲为 - 选择器最高层级!important

qq_慕虎8366744

2019-12-11 22:10

<!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回答

  • 鹿小葵
    2020-07-02 21:41:43

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

  • qq_慕村9492962
    2020-04-15 11:58:05

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

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


  • weibo_茁卓的天_0
    2020-03-05 14:39:08

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

    weibo_...

    或者直接去掉p

    2020-03-05 14:45:09

    共 1 条回复 >

  • 要好好学java
    2020-01-19 10:39:37

    p.first{color:green;}

    把p去掉

    要好好学ja...

    因为第二段p标签的类并不是first,但是span的类是first

    2020-01-19 10:50:20

    共 1 条回复 >

  • 慕UI3342164
    2019-12-11 23:32:43

    p{color:red;}     权值为1

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

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

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


    慕UI334...

    补充: 标签权值为1,类为10,id为100

    2019-12-11 23:33:37

    共 1 条回复 >

  • 偶尔码字的程序媛
    2019-12-11 22:51:29

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

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

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

1225293 学习 · 18230 问题

查看课程

相似问题