                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)-升级版

子选择器与后代选择器的应用

这里的.first>span是子选择器，那就是只针对class="span"下面的第一个后代span，为什么它的第二个span也应用了这个样式，如下图。可以告诉我吗？

Carrie_aa

2016-01-28

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

关注问题我要回答

721

操作

收起

4 回答

Terry_zy
2016-01-28

是作用在第一“代”后代而不是第一“个”后代，不过我试了一下改变颜色的话不容易看出区别，正如图片下面的加边框的，如果是用“》”选择，就只在水果和蔬菜外面加边框，如果使用空格来选择，就会出现如你图片下面的，水果，蔬菜包括里面的香蕉，苹果，梨，白菜，油菜，卷心菜都加上了边框

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

收起回答

Terry_zy

第二行的“》”应该改成“>”，忘记切换输入法了

2016-01-28 回复有任何疑惑可以回复我~

qq_麦香老农_0
2016-01-28

元素后代也有后代，>作用只会作用于该元素的后代，既第一后代；空格不仅会作用于第一后代，也会作用于后代的后代

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

收起回答

雪落的瞬间
2016-01-28

这样就是会应用的情况。这样第2个span就不会应用这个样式了

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

收起回答

Carrie_aa 提问者

好的！谢谢！

2016-01-28 回复有任何疑惑可以回复我~

苜蓿___
2016-01-28

>作用于元素的第一代后代，空格作用于元素的所有后代。

第一代后代，相当于一个人的儿子们都继承，孙子们及后代都不继承。

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

收起回答

0/150

提交

取消

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

参与学习 1225766 人
解答问题 18233 个

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

进入课程

本课相似问答

3 回答子选择器与后代选择器

5 回答子选择器与后代选择器

5 回答子选择器和后代选择器

7 回答类选择器与子选择器

搜索更多本课相关问答

子选择器与后代选择器的应用

我要回答关注问题

热搜

最近搜索清空

子选择器与后代选择器的应用

4 回答

本课相似问答

子选择器与后代选择器的应用