问答详情
源自:9-4 为所欲为 - 选择器最高层级!important

权重问题 在此请教各位前辈几个问题

如图所示

p{color:red!important;}

.first{color:green:}

问题1:如果加上!important后权值为最大 .first为类选择器权值为10

为什么文中正文第二段的简单依然被低权值的.first作用为绿色?

问题2:p.first和.first的区别 ?

问题3:p.first和.first是不是都为类选择器?

问题4:为什么p.first只会作用于第一段文字  .fitst作用于第一段文字和第二段文字中的简单两字?

提问者:哦88 2016-05-19 19:09

个回答

  • 大块吃肉188
    2016-06-28 17:18:58

    参考第一位的答案吧

  • 稳稳2
    2016-06-23 11:20:06

    !important具有最高优先级,高于id/class,这里!important是作用于p,然后作用span是继承,继承权值最低,具参考文献说是0.1。而class是10,   10>1。所以显示的是class的颜色。

    在重要性有关这题的答案,可以去看一下。

  • 空白格灬
    2016-06-22 11:03:44

    第一个问题:!important你作用的是p标签,而不是span标签,而你设定的first类的颜色是绿色,同时作用在了p标签和span标签中。所以在span标签中的first类起作用了,而作用在p标签上的first类被!important给抵消了。
    第二个问题:p .first表示p标签下的first类起作用。
                         .first表示不论你的first类作用在哪个标签中都起作用。


  • 慕粉3442477
    2016-06-04 00:11:37

    问题1:我的两段都是全红字,没有你说的情况

    问题2:p.first我理解的是定义class值为first的<p>标签,而.first则是指class值为 first的所有标签,不一定只有<p>标签了

    问题3:是

    问题4:参考问题2.

  • 冰是睡着的水3143240
    2016-05-19 19:32:53

    第一个问题:内联样式权值是高于选择器的。

    第二个问题:一个是标签选择器,一个是类选择器。

    第三个问题:就这样理解吧,离标签越近,就会被使用!