问答详情
源自:8-10 给选择器分个组 - 分组选择器

第一段全部文字颜色设置为绿色时,胆小如鼠 仍为红色

任务中第一段全部文字颜色设置为绿色,

.first{

    color:green;

}

为什么不能覆盖前面设置好的

span{

    color:red;

}


提问者:rafal 2014-12-16 11:22

个回答

  • 赵小布
    2014-12-16 15:25:01
    已采纳

    这里涉及到CSS样式的优先级的知识点,在本例中<p class='first'><span>胆小如鼠</span></p>示例代码中,包含距离胆小如鼠最近的span标签的样式优先级会更高,并覆盖掉从p段落的样式。可以看下面的图,一目了然。

    548fde480001fe1b05000230.jpg

  • rafal
    2014-12-16 11:35:42

    自己回答:

        从.first来说,是只设置自己这一层的样式,

        所以要设置它所包含的span的样式,

        还要深入一层.first>span来设置

  • 伊兮尘昔
    2014-12-16 11:34:16

    因为你是单独设置span标签