css样式权值
来源：9-3 权值计算-特殊性
_木头
2016-08-04 16:06
p span{color:purple;}的权值不是2吗，.first{color:green;}/*因为权值高显示为绿色*/的权值是10，为什么最后显示的不是绿色是紫色
写回答
关注
7回答
-
- 把葫芦咬哭
- 2016-09-02 16:10:43
第一段里面的span有两个样式作用在它上面，第一个是继承的.first{color:green;}，权值为0.1，第二个是p span{color:purple;}，权值为2，所以最后是紫色。
-
- 浅小唱3790623
- 2016-08-10 18:36:54
啊 忽然发现我弄错了颜色 说错了。。。。不好意思
-
- 浅小唱3790623
- 2016-08-10 18:33:44
p span是包含（后代）选择器，只对后代元素有作用，即这里span。对后代元素<span></span>外的内容并无作用，所以显示了绿色。同时正是因为.first的权值大于p span，所以在<span></span>内类选择器覆盖了包含选择器，显示了紫色。
-
- rsrg
- 2016-08-04 16:29:01
因为.first中的span为继承形式 权重只有0.1 所以span为紫色
-
- 松shine
- 2016-08-04 16:23:08
span是在p标签内部的，越靠内部特权越多
-
- 若流光似夏
- 2016-08-04 16:19:05
优先级问题：内联样式表的样式>内部样式>外部样式，span标签属于内联样式。
-
- 慕粉3665125
- 2016-08-04 16:15:14
权限值应该指的是同一级标签优先级吧，span是不是下一级标签的样式？
初识HTML(5)+CSS(3)-升级版
HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义
1225309 学习 · 18230 问题
相似问题