这两个css选择器有什么区别？

Question

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

#parent-div #child-div 

    #parent-div#child-div 

Answer 1

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

1. 选择带有ID child-div具有的parent-div
2. 祖先的元素选择同时具有parent-div和child-div的ID（这是不可能的）

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

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

Answer 2

我相信第二个是错误的，因为这意味着你的元素有2个ID，即（1）父母DIV和（2）儿童的div

Answer 3

的第一个ID为儿童DIV选择项目时是具有id parent-div的项目的后代，第二个将不起作用，因为它选择了具有id父母div和子div的项目