为了账号安全,请及时绑定邮箱和手机立即绑定

下面的代码权值看不懂

http://img1.sycdn.imooc.com//56123f2a0001577906430503.jpg

上图中.first{color:green:red;}的权值是10;

p span{color:purple;}的权值是2

明明first{color:green:red;}的权值大于p span{color:purple;}的权值,为什么“胆小如鼠”还是显示颜色会是purple?

这个权值的比较规则是什么?

正在回答

3 回答

第一条样式,直接作用于p元素,而不是直接作用于span元素,第二条样式直接作用于span元素,两条样式针对的元素都不同,比较权值有什么意义

“胆小如鼠”是span内的文本内容,.first{}作用的是p内部文字,在没有第二条样式情况下,span内文字之所以跟p内文字颜色相同,这是因为color属性会继承,span文字颜色继承自p上的样式,继承样式特殊性为0,

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
初识HTML(5)+CSS(3)-升级版
  • 参与学习       1225293    人
  • 解答问题       18230    个

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

进入课程

下面的代码权值看不懂

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信