问答详情
源自：9-4 为所欲为 - 选择器最高层级!important

为什么下面的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>


提问者：qq_慕虎8366744 2019-12-11 22:10

个回答

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

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

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

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

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


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

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

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

    p.first{color:green;}

    把p去掉

    0
  • 慕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 所以第二段内容为红色  （权值越大的优先）


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

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

    0