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

span/p/.first权重值大小关系

span/p/.first权重值大小关系

晨洛筱群 2017-04-11 16:06:11
下面两种情况请教不同!①胆小如鼠  不是绿色,是紫色。有人解释:.first是针对一整段的设置,包括<span>内的内容。原本<span>内的内容就是继承first类的,继承的属性权值<独有的属性权值,所以之后它自己有了属性,就显示为自己的颜色了。<!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;}/*因为权值高显示为绿色*/p span{color:purple;}span{color:pink;}/*设置为粉色*/</style></head><body>    <h1>勇气</h1>    <p class="first">三年级时,我还是一个<span>胆小如鼠</span>的小女孩,上课从来不敢回答老师提出的问题,生怕回答错了老师会批评我。就一直没有这个勇气来回答老师提出的问题。学校举办的活动我也没勇气参加。</p>    <p id="second">到了三年级下学期时,我们班上了一节公开课,老师提出了一个很简单的问题,班里很多同学都举手了,甚至成绩比我差很多的,也举手了,还说着:"我来,我来。"我环顾了四周,就我没有举手。</p></body></html>②按照①的解释,那为什么<span>中的颜色是紫色?而不是蓝色?<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>特殊性</title><style type="text/css">p{color:red;}span{color:pink;}/*设置为粉色*/.first{color:green;}/*因为权值高显示为绿色*/#second{color:blue;}.first #second{color:purple;}</style></head><body>    <h1>勇气</h1>    <p class="first">三年级时,我还是一个<span id="second">胆小如鼠</span>的小女孩,上课从来不敢回答老师提出的问题,生怕回答错了老师会批评我。就一直没有这个勇气来回答老师提出的问题。学校举办的活动我也没勇气参加。</p>    <p id="second">到了三年级下学期时,我们班上了一节公开课,老师提出了一个很简单的问题,班里很多同学都举手了,甚至成绩比我差很多的,也举手了,还说着:"我来,我来。"我环顾了四周,就我没有举手。</p></body></html>
查看完整描述

1 回答

?
晨洛筱群

TA贡献1条经验 获得超0个赞

搞明白了!

查看完整回答
反对 回复 2017-04-11
  • 1 回答
  • 0 关注
  • 1341 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信