这两个css选择器之间的区别是什么？

Question

这两个选择器之间的区别是什么，我认为它们会有相同的效果，但它们没有？有人可以解释一下吗？

    #parent-div #child-div

    #parent-div#child-div

Answer 1

CSS选择器中的（空格）是“后代选择器”。

1. 选择ID为child-div的元素，其祖先为parent-div
2. 选择ID为parent-div和child-div的元素（这是不可能的）

只是为了好玩：parent-div#child-div是一个有效的ID，但作为CSS语法的一部分，您必须转义规则集中的#：

http://jsfiddle.net/ExplosionPIlls/xdWNV/1/

Answer 2

我认为第二个是错误的，因为它意味着你的元素有2个id，叫做（1）parent-div和（2）child-div

Answer 3

第一个选择具有id child-div的项目，该项目是id为parent-div的项目的后代，第二个将不起作用，因为它选择具有id parent-div和child-div的项目