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

第一代子元素到底是指什么?

<style type="text/css">

.first>span{color:blue;}

</style>

</head>

<body>

    <h1>勇气</h1>

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

讲解里说:子选择器,即大于符号(>),用于选择指定标签元素的第一代子元素。我的问题是:为什么此时的两个span的字体都是蓝色的?难道不是只有第一个span的字才变成蓝色吗?请懂得人帮我解释一下,感谢。

正在回答

3 回答

.first>span{color:blue;}

中父亲是first,儿子是span



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

.这里面2个span都处在<p class="first">标签内,他们是同级的,所以胆小如鼠和一直都会变成蓝色


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

STOMACHE 提问者

非常感谢你的解答呀!
2017-03-16 回复 有任何疑惑可以回复我~

.first>span{color:blue;},意为class名为first下的子元素span(胆小如鼠,一直)为蓝色。

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

因为两个span 都在名为first 的class中   ,所以当你定义 .first>span {color:blue}  ;  时    两个都会显示的颜色为 蓝色 

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

举报

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

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

进入课程

第一代子元素到底是指什么?

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