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

p{color:red;} 与 p.first{color:green;}权指分别是1和11吗?

p{color:red;}

p.first{color:green;}

这2个样式,第一个权值是1,第二个权值是11,根据权值高的就使用哪种css样式原理,两个段落颜色都应该是绿色的,可是为什么只有第一段落是绿色字体?

提问者:慕田峪5150668 2016-10-14 17:31

个回答

  • 慕粉4051606
    2016-10-14 17:46:50
    已采纳

    是的,权重分别为1和11。第二个代码限制的是p.first里面的内容的颜色,不包含所有p

  • 法老娶媳妇
    2016-10-14 17:45:00

       这两个权值应该是相同,但是后覆盖前面的,所以先从后面的执行,后面的又用了选择器.first,所以只有第一段P为绿色, 然后执行第一段样式代码 !

  • Fantasythanrealit
    2016-10-14 17:41:42

    p{color:red;}定义的是全部P标签的颜色。

    p.first{color:green;定义的是.first里面的颜色。

    就这么简单。