CSS '+' 选择器不工作

Question

当两个 div 有一个共同的父级时，我试图在两个 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/ .

看看 Adjacent sibling selectors在 W3 上。