为什么胆小如鼠是粉色,不是绿色权值更高吗?

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

巧克力超甜

2020-02-20 16:27

p{color:red;}
.first{color:green;}/*因为权值高显示为绿色*/
span{color:pink;}/*设置为粉色*/

    <h1>勇气</h1>
    <p class="first">三年级时,我还是一个<span>胆小如鼠</span>的小女孩,

写回答 关注

5回答

  • qq_如冰虽不冻_0
    2020-02-23 15:29:31
    已采纳

    .first权值确实高,但是当它作用到span里面就属于继承,继承权值是最低的,有的文献说权值只有0.1,继承权值(0.1)和p span{color:purple} 标签的权值(1+1=2)相比较还是p span的权值高,所以显示为紫色。

  • 一条只会喊666的咸鱼
    2020-03-03 15:04:22

    刚好跟楼主一样的问题

  • 慕斯1117153
    2020-02-20 17:50:48

    span{color:pink;}/*设置为粉色*/

    .first{color:green;}/*因为权值高显示为绿色*/

    我将这个顺序调换了一下输出结果“胆小如鼠”也是粉色,我想也许<span>标签是嵌套在类.first里面,故而类.first作用不到<span>标签上

  • 慕斯1117153
    2020-02-20 17:24:35

    <p>和<span>都是标签,他们的权值都是1,是相同的哦。

    巧克力超甜

    .first的权值是10,三个中权值最高,按理来说不是应该显示绿色吗?不太明白

    2020-02-20 17:27:55

    共 1 条回复 >

  • weixin_慕容6240718
    2020-02-20 16:45:29

    就近原则啊,<span>离的最近

    巧克力超甜

    可是就近原则不是应该在权值相同的情况下执行吗?

    2020-02-20 17:22:11

    共 1 条回复 >

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

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

1225293 学习 · 18230 问题

查看课程

相似问题