这两个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/