CSS'+'选择器不起作用

Question

我试图在两个div之间创建一些边距，当它们都有一个共同的父节点时，所以代码如下：

   <div class="parent">
      <div class="child">hello</div>
      <div class="child">hello</div>
   </div>

和css

 .child{background:#ccc; padding:20px}
 .parent .child + .parent .child{ margin-top:520px; }

您可以在此链接中看到：http://jsfiddle.net/hjcY7/

并且在链接中还有另一个例子，它可以工作但是当div没有父母时。

有什么想法吗？

谢谢！

Answer 1

您必须以这种方式设置规则：

.parent .child + .child {
   margin-top: 520px;
}

您可以在此处查看http://jsfiddle.net/hjcY7/1/。

查看W3上的Adjacent sibling selectors。