为什么这里会的[胆小如鼠]显示紫色
来源：9-3 权值计算-特殊性
未之未央丿
2016-03-04 09:33
<style type="text/css">
p{color:red;}
span{color:purple;}/*设置为粉色*/
.first{color:green;}/*因为权值高显示为绿色*/
</style>
</head>
<body>
<h1>勇气</h1>
<p class="first">三年级时，我还是一个<span>胆小如鼠</span>的小女孩，上课从来不敢回答老师提出的问题，生怕回答错了老师会批评我。就一直没有这个勇气来回答老师提出的问题。学校举办的活动我也没勇气参加。</p>
根据权值计算.first的权值是10 span的仅为1，为什么这种情况下p中的span还是显示紫色
写回答
关注
2回答
-
- 咿呀呦啊
- 2016-03-04 09:41:53
.first 是继承p 所以权值为0.1 但相对于p来说.first权值较高 p span 权值为2 高于前面权值
-
- zhangzaixing10224
- 2016-03-04 09:44:07
注意：还有一个权值比较特殊--继承也有权值但很低，有的文献提出它只有0.1，所以可以理解为继承的权值最低。
span是p.first的子元素，设置p.first的css作用在其子元素span上的权值只有0.1，而span是直接的标签选择器，它的权值为1，而 1 > 0.1，所以span{color：purple}有效，显示的是紫色
初识HTML(5)+CSS(3)-升级版
HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义
1225294 学习 · 18230 问题
相似问题
胆小如鼠为什么是紫色
回答 2
为什么“胆小如鼠”显示不是绿色而是紫色？
回答 7