CSS連結

Question

私はクラスwidget-areaで3つのdivを持ち、下のCSSは3番目のウィジェットエリアにあります。 以下のコードは何を意味していますか？

<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

それはすぐ後2 .widget-area -s来る.widget-areaを選択し、supplementary.threeに含まれるすべての（すなわち第三、第四、第五など.widget-areasにsupplementary.threeに含まれます）。あなたの明確なソースの例を考えれば、セレクタを#supplementary.three #third.widget-areaと書き直すほうがよいでしょう。

margin-right:0は、3番目（4番目、5番目など）の右側に余白を入れないことを意味します。.widget-area。