CSS中的“+”选择器不起作用

Question

6

我尝试在两个拥有共同父级的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没有父元素时它也能工作。

有什么想法吗？

谢谢！

- MariaZ

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- jacoz · Accepted Answer

您需要这样设置规则：

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

您可以在这里看到它的实际效果http://jsfiddle.net/hjcY7/1/。