第一代子元素到底是指什么？
来源：9-1 继承者 - 样式的继承
STOMACHE
2017-03-16 14:27
<style type="text/css">
.first>span{color:blue;}
</style>
</head>
<body>
<h1>勇气</h1>
<p class="first">三年级时，我还是一个<span>胆小如鼠</span>的小女孩，上课从来不敢回答老师提出的问题，生怕回答错了老师会批评我。就<span>一直</span>没有这个勇气....
讲解里说：子选择器，即大于符号(>),用于选择指定标签元素的第一代子元素。我的问题是：为什么此时的两个span的字体都是蓝色的？难道不是只有第一个span的字才变成蓝色吗？请懂得人帮我解释一下，感谢。
写回答
关注
3回答
-
- XY54
- 2017-03-16 14:37:01
.first>span{color:blue;}
中父亲是first，儿子是span
<p class="first">三年级时，我还是一个<span>胆小如鼠</span>的小女孩，上课从来不敢回答老师提出的问题，生怕回答错了老师会批评我。就<span>一直</span>没有这个勇气...
.这里面2个span都处在<p class="first">标签内，他们是同级的，所以胆小如鼠和一直都会变成蓝色
-
- qq_好好学习天天向上_5
- 2017-03-16 14:43:40
.first>span{color:blue;},意为class名为first下的子元素span（胆小如鼠，一直）为蓝色。
-
- 左手倒影丶
- 2017-03-16 14:35:41
因为两个span 都在名为first 的class中 ，所以当你定义 .first>span {color:blue} ; 时 两个都会显示的颜色为 蓝色
初识HTML(5)+CSS(3)-升级版
HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义
1225812 学习 · 18234 问题
相似问题