我加一句 p,span{color;purple;} 发现span标签里的文字就是紫色的,是不是span的优先级要比important还要高?

来源:9-4 为所欲为 - 选择器最高层级!important

Surly

2016-03-14 12:51

我加一句 p,span{color;purple;} 发现span标签里的文字就是紫色的,是不是span的优先级要比important还要高?

写回答 关注

4回答

  • qq_小宇_6
    2016-03-14 12:58:10
    已采纳

    不是这样的!!!id最高  其次是类   最后是标签  派生累加 

    Surly

    非常感谢!

    2016-03-15 22:08:16

    共 1 条回复 >

  • 忆_卿
    2016-04-15 10:06:01

    首先p{color:red!important}和p,span{}的P标签作用同一个标签,但是第一个有!important所以都是红色,span是<p>标签的子标签  继承父  红色 权值最低,之后定义的p.span{color:purple;}权值比继承高,所以现实紫色,不过只是span标签里的字,,,其实简单来说 就是就近原则,p{color:red!important}和span{color:purple;}完全作用的不是同一个标签,比较权值没什么用。

  • LOMO521
    2016-03-14 14:07:35

    因为p{color:red!important} 其中的span是继承P的样式吧,继承关系,权值0.1

    LOMO52... 回复Surly

    对啊,因为继承关系的权值最低为0.1,之后你定义p,span{color:purple;}权值比继承高,所以是紫色的。并不是span的优先级比important高

    2016-03-16 10:08:57

    共 2 条回复 >

  • 柒尘o
    2016-03-14 12:55:12

    代码错了:

     p,span{color:purple;}


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

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

1225297 学习 · 18230 问题

查看课程

相似问题