Carrie_aa
2016-01-28 14:59
这里的.first>span是子选择器,那就是只针对class="span"下面的第一个后代span,为什么它的第二个span也应用了这个样式,如下图。可以告诉我吗?
是作用在第一“代”后代而不是第一“个”后代,不过我试了一下改变颜色的话不容易看出区别,正如图片下面的加边框的,如果是用“》”选择,就只在水果和蔬菜外面加边框,如果使用空格来选择,就会出现如你图片下面的,水果,蔬菜包括里面的香蕉,苹果,梨,白菜,油菜,卷心菜都加上了边框
元素后代也有后代,>作用只会作用于该元素的后代,既第一后代;空格不仅会作用于第一后代,也会作用于后代的后代
<p><span></span><span></span></p>这样就是会应用的情况。<p><span><span></span></span></p>这样第2个span就不会应用这个样式了
>作用于元素的第一代后代,空格作用于元素的所有后代。
第一代后代,相当于一个人的儿子们都继承,孙子们及后代都不继承。
初识HTML(5)+CSS(3)-升级版
1225297 学习 · 18230 问题
相似问题