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

课程

/前端开发

/HTML/CSS

/初识HTML(5)+CSS(3)-升级版

class中span的用法

为啥class=“first”中中只有“胆小如鼠”四个字，结果第一段都成了绿色？

慕粉2117324728

2017-02-18

源自：初识HTML(5)+CSS(3)-升级版  8-10

关注问题 我要回答
1641
操作
收起

正在回答

4 回答

qq_依梦星辰_0
2017-02-18

.first指整个第一段，#second span指第二段中的“简单”。

0 回复 有任何疑惑可以回复我~
收起回答
慕标7979745
2017-02-18

<p class="first">...........</p>

first在p標簽中，作用于整個p

0 回复 有任何疑惑可以回复我~
收起回答
哼唧唧
2017-02-18

.first指整个第一段，#second span指第二段中的“简单”。

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

慕粉2117324728 提问者

.first>span{border:1px solid red;} </style> </head> <body> <p class="first">三年级时，<span>我还是一个胆小如鼠的小女孩</span>，上课从来不敢回答老师提出的问题，生怕回答错了老师会批评我。就一直没有这个勇气来回答老师提出的问题。学校举办的活动我也没勇气参加。</p> 那为什么这个里边只针对“我还是一个胆小如鼠的小女孩”这部分做了，而不是整段？
2017-02-18 回复 有任何疑惑可以回复我~
#2

哼唧唧 回复 慕粉2117324728 提问者

因为你写的这个指定的是.first中的span 用了8-6子选择器中的大于符号(>)。
2017-02-18 回复 有任何疑惑可以回复我~
#3

慕粉2117324728 提问者 回复 哼唧唧

<p class="first">三年级时，我还是一个<span >胆小如鼠</span>的小女孩，上课从来不敢回答老师提出的问题，生怕回答错了老师会批评我。就一直没有这个勇气来回答老师提出的问题。学校举办的活动我也没勇气参加。</p> 那我是不是可以说这个里边的<span></span>其实没有任何意义？
2017-02-18 回复 有任何疑惑可以回复我~
#4

哼唧唧 回复 慕粉2117324728 提问者

嗯 这个嘛，准确的说应该是 <span></span>标签在该例子中没有用到，也许是设计者拿它与第二段的<span></span>标签做对比吧。
2017-02-18 回复 有任何疑惑可以回复我~
查看1条回复
幕布斯3460388
2017-02-18

不是加了下面的代码么？.first就已经把整段变成了绿色

.first,#second span{
    color:green;
}


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

慕粉2117324728 提问者

.first>span{border:1px solid red;} </style> </head> <body> <p class="first">三年级时，<span>我还是一个胆小如鼠的小女孩</span>，上课从来不敢回答老师提出的问题，生怕回答错了老师会批评我。就一直没有这个勇气来回答老师提出的问题。学校举办的活动我也没勇气参加。</p> 那为什么这个里边只针对“我还是一个胆小如鼠的小女孩”这部分做了，而不是整段？
2017-02-18 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
初识HTML(5)+CSS(3)-升级版
  • 参与学习       1225316    人
  • 解答问题       18230    个

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

进入课程

本课相似问答

6 回答span的用法

2 回答span的用法

2 回答span的用法

5 回答&lt;span&gt;的用法

6 回答&lt;span&gt;&lt;/span&gt; 用法
搜索更多本课相关问答

class中span的用法

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