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

为什么胆小如鼠是粉色,不是绿色权值更高吗?

p{color:red;}
.first{color:green;}/*因为权值高显示为绿色*/
span{color:pink;}/*设置为粉色*/

    <h1>勇气</h1>
    <p class="first">三年级时,我还是一个<span>胆小如鼠</span>的小女孩,

正在回答

5 回答

.first权值确实高,但是当它作用到span里面就属于继承,继承权值是最低的,有的文献说权值只有0.1,继承权值(0.1)和p span{color:purple} 标签的权值(1+1=2)相比较还是p span的权值高,所以显示为紫色。

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

刚好跟楼主一样的问题

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

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

.first{color:green;}/*因为权值高显示为绿色*/

我将这个顺序调换了一下输出结果“胆小如鼠”也是粉色,我想也许<span>标签是嵌套在类.first里面,故而类.first作用不到<span>标签上

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

<p>和<span>都是标签,他们的权值都是1,是相同的哦。

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

巧克力超甜 提问者

.first的权值是10,三个中权值最高,按理来说不是应该显示绿色吗?不太明白
2020-02-20 回复 有任何疑惑可以回复我~

就近原则啊,<span>离的最近

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

巧克力超甜 提问者

可是就近原则不是应该在权值相同的情况下执行吗?
2020-02-20 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

为什么胆小如鼠是粉色,不是绿色权值更高吗?

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