CSS连接

Question

我有三个带有widget-area类的div，下面的CSS用于第三个widget区域。下面的代码是什么意思？

<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-s之后的.widget-area，这两个.widget-areas都包含在一个supplementary.three中(即supplementary.three中包含的third、fourth、fifth等.widget-areas)。鉴于您已澄清的源代码示例，最好将选择器重写为#supplementary.three #third.widget-area。

margin-right:0意味着第三个(第四个、第五个等) .widget-area的右边不应该有空白处。