为什么第二行的简单不是绿色的呢

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

chenzujie

2016-03-12 16:23

p.first{color:green;} 这个的权重是2啊,简单不失应该以这个2的权重为准么

写回答 关注

5回答

  • 阿美力加
    2016-04-07 20:28:19

    网站的原文代码似乎写的不太规范,p.first之间应该有一个空格,应该写成p .first,刚开始我也百思不得其解,当我在p和.first之间敲出一个空格时,“简单”俩字果然变成了绿色!!!!看来应该是网站代码写得不规范所致。

  • 富宝森林
    2016-03-13 15:32:41

    我来回答这个问题吧,首先指出题主的一个小错误,p.first{}的权重为11,再来,第二行简单之所以不是绿色,是因为其不属于p.first,而是属于p span.first,如果想要其一开始为绿色,可以将第8行改为.first(对所有first类设置),希望对你有帮助。

    loving...

    跟我的理解一样

    2016-04-10 14:41:45

    共 3 条回复 >

  • chenzujie
    2016-03-12 23:09:53

    但没有加!important 显示也是红色啊,我理解没有加的话应该显示绿色才对

  • 铭毅
    2016-03-12 16:27:28

    important优先级样式是个例外,权值高于用户自己设置的样式。

    span 继承了 p的样式。

  • 黄先生2
    2016-03-12 16:26:01

    后面缀上了!important的css语句,让浏览器首选执行这个语句,因为css有继承的样式,加上!importanrt可以覆盖父级的样式。

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

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

1225293 学习 · 18230 问题

查看课程

相似问题