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

9-2中,说继承的权值最低,为什么span不会被p的权值覆盖掉,反而显示了粉色?这样不就成了子元素的权值比父的更高吗?

p{color:red;}


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



</style>

</head>

<body>

    <h1>勇气</h1>

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


正在回答

3 回答

你应该这样理解:span继承p的color:red为红色的权值是0.1。而代码中span{color:pink}的权值为1。所以span内的元素根据权值大的color:pink。显示为粉色

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

样式跟继承没关系   代码加载从上到下  span的样式后加载 覆盖了前面相同权值的p

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

其实p跟span标签的权值是一样的  存在层叠效果就是说应该是span覆盖p的,而不是p覆盖span的。

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

再码一段 提问者

那所谓继承的权值最低是指什么呢?
2017-02-13 回复 有任何疑惑可以回复我~
#2

再码一段 提问者

我理解的继承是span继承p,那说继承的权值最低,就是说span比p权值低,那span的效果就被p覆盖了,不是这个意思吗。
2017-02-13 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

9-2中,说继承的权值最低,为什么span不会被p的权值覆盖掉,反而显示了粉色?这样不就成了子元素的权值比父的更高吗?

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