CSS链接兄弟选择器？

html
css

2013-02-09 92 views 0 likes

<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

来源

2013-02-09 mowwwalker

啊，我从你已经下一个答案见自发布链接 – 2013-02-09 01:33:39

@ov后更新了小提琴哟，哎呀。我忘了用JSbin创造一个里程碑。感谢您的参与！ – mowwwalker 2013-02-09 01:40:45

回答

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

，或者你可以做第一个孩子选择也支持多个内格：

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

来源

2013-02-09 01:31:54 keithjgrant

谢谢，在第二个星期之前就明白了这一点。该规范明确指出：http://www.w3.org/TR/CSS2/selector.html#child-selectors – mowwwalker 2013-02-09 01:32:36

CSS链接兄弟选择器？

回答

相关问题