wordpress-theming - CSS 连接

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紧跟在两个.widget-area-s 之后的 ，都包含在 a 中supplementary.three（即，第三、第四、第五等等.widget-areas包含在 a 中supplementary.three）。鉴于您澄清的源示例，最好将选择器重写为#supplementary.three #third.widget-area.

margin-right:0表示第三个（如果有的话，第四个、第五个等）的右边不应该有边距.widget-area。