为什么胆小如鼠不是绿色?

来源:9-3 权值计算-特殊性

你你你什么鬼啊

2017-04-25 16:55

http://img.mukewang.com/58ff0e6b00015f6313410505.jpg

span是标签吧,.first是类选择符吧,类选择符的权值是大于标签吧,那为什么胆小如鼠还有自己的颜色,不应该是绿色么?

写回答 关注

8回答

  • san_heart
    2017-04-25 17:32:25

    特性性针对同一个元素设置了不同的css样式,而题主问的.first类选择符针对的是p标签,并非span标签,因为span标签应还是自己的样式,假若添加代码

    span{color:pink;}   此权值为1

    p span{color:blue};   p和span标签都应用了blue样式,但此权值为2

    因此最终span样式应为blue样式


    再假如 <span class="second">胆小如鼠<span>

    span{color:pink;}  权值为1

    .second{color:blue};   权值为10

    最终该span标签样式应为blue

  • Amanda123
    2017-04-25 17:19:28

    span 有自己的样式了,就不会继承first的了

  • weibo_请叫我503_0
    2017-04-25 17:08:58

    因为范围不一样啊,范围不一样就近原则

  • 下雨天34
    2017-04-25 17:06:05

    span的权值低

  • Hoo86
    2017-04-25 17:06:03

    因为span标签并不是class类。要是这样写<span class=“first”>他就是绿色的;

  • jok9300
    2017-04-25 17:05:30

    这不是CSS的层叠特性,是继承特性,span没有css就会继承.fitst的特性,现在span有css了当然用自己的

  • 夏目君3328594
    2017-04-25 17:03:40

    第一张图下方有一段话,继承的权值很低。因此<span>的权值比继承的.first高,显示粉色。

    轻杯过海

    继承没有“叠加性”吗?继承如果只有0.1的话,但是从.first那里继承过来,不是100+0.1而是只要继承只有0.1吗?

    2019-07-26 17:54:29

    共 3 条回复 >

  • 大神一只熊
    2017-04-25 17:03:37

    <span>标签嵌套在<p>标签里面,所以属于继承哦,继承的权值是非常低的。

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

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

1225293 学习 · 18230 问题

查看课程

相似问题