css - CSS“+”选择器不起作用

Question

当它们都有一个共同的父级时，我试图在 2 个 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上的相邻兄弟选择器。