這兩個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的項目