问答详情
源自:8-10 给选择器分个组 - 分组选择器

second 和 span之间为什么要用空格,不能用>?

.first,#second span{color:green;}这段代码里面second 和 span之间为什么要用空格,不能用>?

提问者:风一样的勇士 2016-07-14 15:47

个回答

  • 慕粉3658145
    2016-07-15 15:38:07

    两种都是可以的

  • 汪一峰
    2016-07-14 16:20:47

    两种在我的编译器里都可以

  • qq_mi丶凌乱_03588306
    2016-07-14 16:16:35

    使用>号是指第一层子级,如果该标签只有一层子级,那么两个写法都一样,如果有多层子级。使用空格意味着所有子集都执行对应的设置,有>号则指针对第一层子级

  • 拍个小手
    2016-07-14 16:14:17

    这就要看span是second的子代还是second的子代以后的代了,如果span不是second的子代而是second的子代以后的代,用>就对span不起作用了, 空格是对其后代都起作用,>只对其子代起作用。

  • kyle_snoopy
    2016-07-14 16:04:05

    在第二段文字里,second的后代只有一代,所以理论上用空格或>都是可以的.

    但题目的要求是第一段全部文字为绿色,如果使用.first,#second span{color:green;}

    那么第一段文字中的span标签仍然为红色,不符合题目要求

    事实上直接.first,span{color:green;}也可以

  • 阳光浅素
    2016-07-14 16:04:05

    这个案例里面两种写法都可以,因为第二段文字的span标签里面再没有span标签了只有一级,而>也表示的是直接子级

  • 甄草原
    2016-07-14 15:59:47

    可以的,你可以自己试一下

  • 损失函数
    2016-07-14 15:52:03

    可以,.first,#second>span{color:green;}在我这有同样的效果