CSS concatenation

Question

我有三個具有類小部件區域的div，下面的CSS用於第三個小部件區域。 下面的代碼是什麼意思？

<div id="supplementary" class="three"> 
    <div class="widget-area" id="first"></div> 
    <div class="widget-area" id="second"></div> 
    <div class="widget-area" id="third"></div> 
</div> 

CSS：

#supplementary.three .widget-area + .widget-area + .widget-area 
{ 
    margin-right: 0; 
} 

能有人在那裏幫助我嗎？

Answer 1

http://www.w3.org/TR/CSS2/selector.html#adjacent-selectors

它選擇.widget-area，附帶2個.widget-area後立即-s，所有包含在supplementary.three（即，第三，第四，第五等.widget-areas包含在supplementary.three）。給出你的澄清的源代碼示例，最好將選擇器重寫爲#supplementary.three #third.widget-area。

margin-right:0意味着不應該有第三個（如果有的話，第四個，第五個等）.widget-area的權利保證金。