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

Question

这两个选择器有什么区别，我以为它们会产生相同的效果，但事实并非如此？有人可以解释一下吗？

    #parent-div #child-div

    #parent-div#child-div

Answer 1

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

1. 选择具有 ID 且child-div其祖先为parent-div
2. 选择一个 id 为parent-divand的元素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 的项目