课程
/前端开发
/HTML/CSS
/初识HTML(5)+CSS(3)-升级版
在未输入题目要求的代码时，点击提交发现“胆小如鼠”显示为粉色，为什么不是权值更大的.first代表的绿色呢?
2018-05-24
源自：初识HTML(5)+CSS(3)-升级版 9-3
正在回答
.first{color:green;} 权值是10
span{color:pink;}相当于
.first span{color:pink;}权值是10+1=11
他的教程里的第一行有提到 比较权值的时候，其实是对同一个元素来看的。<p> 和 .first 是同一个HTML标签元素，而 <span> 是子元素（不同于<p>元素），所以设置 span{color:pink;} 和其他的设置之间没有权值比较。检验方法：将 <span> 变为 <span class="first"> 试试看。
我搞错了，绿色是继承权值=0.1，权值是最小，span权值是1所以比它高，所以显示span的粉色
粉色权值更高，不是就近原则，粉色用的是标签选择器，绿色得只是类选择器
就近原则
因为粉色的权值是10+1=11；绿色的只是10
沐泽野 提问者
慕设计9465940
举报
HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义
7 回答为什么胆小如鼠是粉色，不是绿色权值更高吗？
5 回答胆小如鼠为什么是粉色？
7 回答为什么“胆小如鼠”显示不是绿色而是紫色？
9 回答为什么胆小如鼠不是绿色？
5 回答span的权值只有1，低于.first，为什么“胆小如鼠”是span的颜色，不是.first的颜色
