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の隣接兄弟セレクターを見てください。