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

为什么胆小如鼠不是绿色而是紫色?.first的权值不是比p span的大么?

为什么胆小如鼠不是绿色而是紫色?.first的权值不是比p span的大么?

银岚丶 2016-07-19 11:35:58
<!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>
查看完整描述

4 回答

已采纳
?
blovetu

TA贡献319条经验 获得超234个赞

.first指的是p标签里的内容,但不精确到span

p span,这个能更精确到p 里的span,

你可能又会问,那我下面还写了个span呢,这个span的权重没有p span权重高

不明白了可以再问哦

查看完整回答
1 反对 回复 2016-07-19
?
温岭吴彦祖

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

.first{color:green;}/*因为权值高显示为绿色*/ 意思是class为first的这段文本颜色为绿色

p span{color:purple;}  指的是p元素里span元素包裹的文本颜色为紫色,更加精确且无冲突,没有什么不权值的考虑,因此胆小如鼠为紫色

查看完整回答
1 反对 回复 2016-07-19
?
清0123

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

css权重指对同一个html元素,不同元素的用就近原则

查看完整回答
1 反对 回复 2016-07-19
  • 银岚丶
    银岚丶
    就近原则? 能在仔细点么 还是不太懂
  • 清0123
    清0123
    p和span用同一个样式color,span离内容更近,span起作用,对同一个元素,权值p span>span,所以p span起作用,胆小如鼠为紫色
  • 清0123
    清0123
    p和span用同一个样式color,span离内容更近,span起作用,对同一个元素,权值p span>span,所以p span起作用,胆小如鼠为紫色
  • 4 回答
  • 0 关注
  • 1514 浏览
慕课专栏
更多

添加回答

举报

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