权值特殊性

来源:9-3 权值计算-特殊性

GLX

2017-01-13 09:21

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>特殊性</title>
<style type="text/css">
p{color:red;}
.first{color:green;}/*因为权值高显示为绿色*/

span{color:pink;}/*设置为粉色*/


</style>
</head>
<body>
    <h1>勇气</h1>
    <p class="first">三年级时,我还是一个<span>胆小如鼠</span>的小女孩,上课从来不敢回答老师提出的问题,生怕回答错了老师会批评我。就一直没有这个勇气来回答老师提出的问题。学校举办的活动我也没勇气参加。</p>
    <p id="second">到了三年级下学期时,我们班上了一节公开课,老师提出了一个很简单的问题,班里很多同学都举手了,甚至成绩比我差很多的,也举手了,还说着:"我来,我来。"我环顾了四周,就我没有举手。</p>
</body>
</html>

为什么这里的span标签里的“胆小如鼠”会显示粉红色,css代码为span{color:pink;}/*设置为粉色*/,它的权值不是1吗??而./first权值为10,不应该都显示为绿色吗??

写回答 关注

1回答

  • 腐巧i
    2017-01-13 09:31:38
    已采纳

    .first权值是10 但是仅限于调用的位置,即此处的P标签,而span如果没有设置css代码的情况下是根据css的继承性而得到.first的属性,但是继承的权值仅有0.1,比span的权值1小。

    腐巧i 回复慕粉2204...

    就是说你这个代码中.first的权值是10,但是仅限于谁调用。first谁的权值才是10,而<p>标签调用的.first函数所以<p>的权值是10,而<span>标签并没有调用first标签,他只是在没有自己自定义的函数的情况下继承了<p>标签的属性,而这个继承关系的权值特别小,只有0.1左右,而当你对span进行自定义的时候,它自己的权值将会是1,大于0.1,不会再使用继承的内容。课程内容里有说明。

    2017-01-14 13:53:34

    共 2 条回复 >

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

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

1228527 学习 · 19002 问题

查看课程

相似问题