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

权值问题吗

懵了  第二段为什么是红色字  用的ID选择器  前面样式里面又没有#second  它是用的哪个样式  里面的span链接的类选择器  颜色为嘛不是绿色的  在没有加important的时候

提问者:yongqing 2015-03-01 08:24

个回答

  • 爱吃寿司的小豆芽
    2015-03-25 12:45:17
    已采纳

    14行虽然代码写了<p id="second">,但是此ID选择器second未设定属性值(<head>内),对第二段文字无任何作用;

    根据7,8行权值衡量,先运行8行,p.first{color:green;},作用对象是p.first即第1段所有文字,对第二段无影响;

    之后运行7行,p{color:red;},作用对象为p即一二段,由于第一段根据优先级已被赋值,所以只对第二段作用;

    <span class="first">简单</span>,要想使她也变绿,第8行应为:.first{color:green;}

  • Fancy饿了
    2015-03-02 20:48:48

    p{color:red;}所有段落都变为红色

    p.first{color:green;}段落里first这个class变为绿色,权值比p{color:red;}高