CSS鏈接兄弟選擇器？

Question

由於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> 

..我想有兩個.apple S之間的利潤率在​​DIV是15px但那裏是在橘子DIV蘋果之間沒有餘量。

我可以這樣做：

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

..但在.oranges保證金添加到.apple S以及。

我希望能夠做這樣的事情：

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

..但是，這並不奇怪，沒有工作。

亂動：http://jsbin.com/ijagoc/1/edit

Answer 1

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

，或者你可以做第一個孩子選擇也支持多個內格：

.apples .apple { 
    margin-left: 15px; 
.apples .apple:first-child { 
    margin-left: 0; 
}