风一样的勇士
2016-07-14 15:47
.first,#second span{color:green;}这段代码里面second 和 span之间为什么要用空格,不能用>?
两种都是可以的
两种在我的编译器里都可以
使用>号是指第一层子级,如果该标签只有一层子级,那么两个写法都一样,如果有多层子级。使用空格意味着所有子集都执行对应的设置,有>号则指针对第一层子级
这就要看span是second的子代还是second的子代以后的代了,如果span不是second的子代而是second的子代以后的代,用>就对span不起作用了, 空格是对其后代都起作用,>只对其子代起作用。
在第二段文字里,second的后代只有一代,所以理论上用空格或>都是可以的.
但题目的要求是第一段全部文字为绿色,如果使用.first,#second span{color:green;}
那么第一段文字中的span标签仍然为红色,不符合题目要求
事实上直接.first,span{color:green;}也可以
这个案例里面两种写法都可以,因为第二段文字的span标签里面再没有span标签了只有一级,而>也表示的是直接子级
可以的,你可以自己试一下
可以,.first,#second>span{color:green;}在我这有同样的效果
初识HTML(5)+CSS(3)-升级版
1225811 学习 · 18234 问题
相似问题