0

与えられたhtml:

  <div class="apples">
    <div class="apple"></div>
    <div class="apple"></div><br>
  </div>
  <div class="oranges">
    <div class="apple"></div>
    <div class="apple"></div>
  </div>

.. divの2つ.appleの間にマージンを持たせたいのですが、オレンジのdivのリンゴの間にマージンがないようにします。.apples15px

私はそれをできた:

.apple + .apple{
    margin-left:15px;
}

..しかし、それは同様に.applesにマージンを追加します。.oranges

私は次のようなことができるようになりたいです:

.apples > .apple + .apples > .apple{
  margin-left:15px;
}

..しかし、当然のことながら、それはうまくいきませんでした。

いじる: http: //jsbin.com/ijagoc/1/edit

4

1 に答える 1

2
.apples > .apple + .apple {
    margin-left: 15px;
}

または、最初の子セレクターを実行して、複数の内部 div もサポートできます。

.apples .apple {
    margin-left: 15px;
.apples .apple:first-child {
    margin-left: 0;
}
于 2013-02-09T01:31:54.233 に答える