1

クラス 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;
}

誰かが私を助けることができますか？

4

1 に答える 1

1

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

.widget-area2 つの - の直後にある を選択します。これは.widget-areaすべて a に含まれていますsupplementary.three(つまり、a に含まれる 3 番目、4 番目、5 番目など.widget-areas) supplementary.three。明確化されたソースの例を考えると、セレクターを#supplementary.three #third.widget-area.

margin-right:0は、3 番目 (存在する場合は 4 番目、5 番目など) の右側に余白があってはならないことを意味します.widget-area。

于 2012-02-16T06:10:51.500 に答える