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

课程

/前端开发

/HTML/CSS

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

下面的代码权值看不懂

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？

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

qq_心随风动_0

2015-10-05

源自：初识HTML(5)+CSS(3)-升级版  9-3

关注问题 我要回答
923
操作
收起

正在回答

3 回答

Kusoku
2015-10-05

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

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

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

举报

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

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

进入课程

本课相似问答

3 回答特殊性、权值看不懂

4 回答代码的权值

2 回答求下列代码权值

3 回答看不懂代码

2 回答看不懂代码
搜索更多本课相关问答

下面的代码权值看不懂

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