CSS'+'选择器不起作用

Mar*_*iaZ 6 css css3

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

   <div class="parent">
      <div class="child">hello</div>
      <div class="child">hello</div>
   </div>
Run Code Online (Sandbox Code Playgroud)

和css

 .child{background:#ccc; padding:20px}
 .parent .child + .parent .child{ margin-top:520px; }
Run Code Online (Sandbox Code Playgroud)

你可以在这个链接中看到:http://jsfiddle.net/hjcY7/

而且在链接中有另一个例子,它可以工作,但当div没有父母.

有任何想法吗?

谢谢!

jan*_*267 7

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

.parent .child + .child {
   margin-top: 520px;
}
Run Code Online (Sandbox Code Playgroud)

你可以在这里看到它http://jsfiddle.net/hjcY7/1/.

看看W3 上的相邻兄弟选择器.