我不明白这个的权值是怎么回事?

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

宋嘉欣

2016-03-30 16:53

.first{color:green;}权值10

p span{color:purple;}权值2

为什么“胆小如鼠”显示出来确实紫色的?

写回答 关注

7回答

  • 忆_卿
    2016-04-14 16:58:27

    就近原则,离被设置元素越近,优先级别越高  <span>是不是离胆小如鼠最近?

  • little_jian_7
    2016-04-06 19:01:10

    楼上说了,应用的标签不一样,只有完全一样的时候才会采用权值的方法来确定。

    span{color:pink;}权值为1

    p span{color:purple;}权值为2

    这才是一样的标签对比权值。

    p{color:red;}
    .first{color:green;}

    这两个一个是p标签选择器 一个是类选择器 不能用权值对比。

    忆_卿

    你说的对,我之前的回复 错了。刚刚才想通。

    2016-04-14 18:02:28

    共 2 条回复 >

  • lei20070106
    2016-03-30 17:11:17

    跟优先级有关:内联式>嵌入式>外部式

    忆_卿

    都是外部式 你扯 这个 有什么用?

    2016-04-14 16:55:40

    共 2 条回复 >

  • 小聶同學
    2016-03-30 17:09:17

    就是优先原则,权值越大代表权力越大,话语权最重

    忆_卿

    作用的都不是一个标签,权值再大有意义?一个是作用<p>标签,一个作用的是<span>标签,这有可比性?

    2016-04-14 18:01:14

    共 2 条回复 >

  • 葉年禮
    2016-03-30 17:08:37

    应用的标签不一样,只有完全一样的时候才会采用权值的方法来确定

    忆_卿 回复宋嘉欣

    他不是说标签相同,是说作用同一标签。。。 就拿刚刚那代码来说。p{},和 .first{}是作用同一标签, 当然要考虑权值啊,因为标签不是一模一样,权值是有区别的,层叠不就说过么,p{color:red;} 和p{color:blue;} 这两个肯定不用考虑权值了 肯定相等啊,考虑就近就可以了。

    2016-04-14 17:59:30

    共 4 条回复 >

  • 慕侠7350459
    2016-03-30 17:05:27

    应该是p span{color:purple;}离的最近,就近原则

  • 小火不烫
    2016-03-30 17:05:11

    相当于程序执行时的优先权;权重越大,最终结果就听谁的!

    忆_卿 回复宋嘉欣

    我的理解是这样的,在同一CSS样式中,如果 权值相同 就考虑就近,如果权值不同考虑权值大的优先,如果作用的不是同一个标签,考虑就近。

    2016-04-14 17:33:12

    共 2 条回复 >

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

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

1225813 学习 · 18234 问题

查看课程

相似问题