课程
/前端开发
/HTML/CSS
/初识HTML(5)+CSS(3)-升级版
p.first{color:green;} 这个的权重是2啊，简单不失应该以这个2的权重为准么
2016-03-12
源自：初识HTML(5)+CSS(3)-升级版 9-4
正在回答
网站的原文代码似乎写的不太规范，p.first之间应该有一个空格，应该写成p .first，刚开始我也百思不得其解，当我在p和.first之间敲出一个空格时，“简单”俩字果然变成了绿色！！！！看来应该是网站代码写得不规范所致。
我来回答这个问题吧，首先指出题主的一个小错误，p.first{}的权重为11，再来，第二行简单之所以不是绿色，是因为其不属于p.first，而是属于p span.first，如果想要其一开始为绿色，可以将第8行改为.first(对所有first类设置)，希望对你有帮助。
chenzujie 提问者
富宝森林
lovingwen
但没有加!important 显示也是红色啊，我理解没有加的话应该显示绿色才对
important优先级样式是个例外，权值高于用户自己设置的样式。
span 继承了 p的样式。
后面缀上了!important的css语句，让浏览器首选执行这个语句，因为css有继承的样式，加上!importanrt可以覆盖父级的样式。
举报
HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义
6 回答为何第二段“简单”两个字不是绿色
2 回答为什么不是胆小如鼠和简单变成绿色，而是第一整段和简单变成绿色
5 回答为什么在下列代码中第一行全绿色 而second中只有简单是绿色
1 回答没有加!important，“简单”怎么不是绿色呢？
5 回答为什么第二段不变绿呢？
