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

css样式权值

p span{color:purple;}的权值不是2吗,.first{color:green;}/*因为权值高显示为绿色*/的权值是10,为什么最后显示的不是绿色是紫色

正在回答

7 回答

第一段里面的span有两个样式作用在它上面,第一个是继承的.first{color:green;},权值为0.1,第二个是p span{color:purple;},权值为2,所以最后是紫色。

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

啊 忽然发现我弄错了颜色  说错了。。。。不好意思

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

p span是包含(后代)选择器,只对后代元素有作用,即这里span。对后代元素<span></span>外的内容并无作用,所以显示了绿色。同时正是因为.first的权值大于p span,所以在<span></span>内类选择器覆盖了包含选择器,显示了紫色。

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

因为.first中的span为继承形式 权重只有0.1  所以span为紫色

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

优先级问题:内联样式表的样式>内部样式>外部样式,span标签属于内联样式。

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

权限值应该指的是同一级标签优先级吧,span是不是下一级标签的样式?

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

举报

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

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

进入课程

css样式权值

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