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

来源:8-10 给选择器分个组 - 分组选择器

rafal

2014-12-16 11:22

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

.first{

    color:green;

}

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

span{

    color:red;

}


写回答 关注

3回答

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

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

    548fde480001fe1b05000230.jpg

    赵小布 回复rafal

    近水楼台先得月,很多技术都采用的是就近原则。

    2014-12-16 16:08:05

    共 2 条回复 >

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

    自己回答:

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

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

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

    rafal

    看来还是不对,颜色具有继承性

    2014-12-16 11:56:46

    共 1 条回复 >

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

    因为你是单独设置span标签

    rafal

    继承的权值(特殊性)很低,所以采用了单独设置的span。而不是继承来得

    2014-12-16 13:47:48

    共 3 条回复 >

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

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

1225806 学习 · 18234 问题

查看课程

相似问题