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

对于继承权数的问题,下面这段代码中.first的权数是10,p的权数是1,这个我知道,但是<span>胆小如鼠</span>文字的颜色是继承来的,无论对于.first还是p,权数都是0.1,这个时候到底要继承哪个颜色呢?我以为这个时候遵循就近原则,可是那两串代码怎么调换位置显示的都是绿色。一定是我的想法出错了,但是我不明白错在哪,求指点

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>特殊性</title>

<style type="text/css">

.first{color:green;}

p{color:red;}

</style>

</head>

<body>

    <h1>勇气</h1>

    <p class="first">三年级时,我还是一个<span>胆小如鼠</span>的小女孩,上课从来不敢回答老师提出的问题,生怕回答错了老师会批评我。就一直没有这个勇气来回答老师提出的问题。学校举办的活动我也没勇气参加。</p>

    <p id="second">到了三年级下学期时,我们班上了一节公开课,老师提出了一个很简单的问题,班里很多同学都举手了,甚至成绩比我差很多的,也举手了,还说着:"我来,我来。"我环顾了四周,就我没有举手。</p>

</body>

</html>


正在回答

5 回答

嗯  你的意思是说p span{...}继承后的权值是0.1 和.first继承后的权值都是0.1   有问题对不

  但这里的  p span{...}  并不是继承这是  后代(包含)选择符,他是作用于 其后的所有子元素所以 他的权值应该是2

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

http://img1.sycdn.imooc.com//588095ae0001b99e08990535.jpg就是这样

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

http://img1.sycdn.imooc.com//58808c480001ac5b09470424.jpg我复制了你上面的代码,显示出来时这样的,第一段文字是绿色,第二段文字是红色,你这是对两段文字进行了设置,所以你对两串代码改变位置没什么用,你想看是否是按就近原则需要对同一段文字进行设置。你说的继承的权重应该是遵循就近原则的,(这只是我自己的理解)

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

qq_搎眳乂_0 提问者

还是先要谢谢你,我把第二段删了,然后调换那两串代码的位置,显示的还是全都是绿色,理解不了
2017-01-19 回复 有任何疑惑可以回复我~

你对胆小如鼠这段进行了类选择,.first{color:green;}

而第二段你的修饰里面直接就是P{color:red;}

你可以将这两串代码中的颜色换一下,.first{color:red;}      p{color:green;}就能明白了

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

qq_搎眳乂_0 提问者

谢谢你,可是为什么颜色换一下我就能明白了呢?还是不明白啊,是我问题问的不清楚吗,我知道.first的权重比p高,但我问的是继承的权重。在我学习的课程中有这么一句话:继承的权值最低,有的文献说是0.1,所以我们认为继承的权种最低
2017-01-19 回复 有任何疑惑可以回复我~

class选择符优先级高于类型选择符

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

qq_搎眳乂_0 提问者

谢谢你,但还不是很明白,继承有有什么优先性原则吗
2017-01-19 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

对于继承权数的问题,下面这段代码中.first的权数是10,p的权数是1,这个我知道,但是<span>胆小如鼠</span>文字的颜色是继承来的,无论对于.first还是p,权数都是0.1,这个时候到底要继承哪个颜色呢?我以为这个时候遵循就近原则,可是那两串代码怎么调换位置显示的都是绿色。一定是我的想法出错了,但是我不明白错在哪,求指点

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