CSS конкатенация - PullRequest
Новая
       24

CSS конкатенация

1 голос
/ 16 февраля 2012

У меня есть три div с классом widget-area и ниже 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;
}

Может ли кто-нибудь помочь мне?

1 Ответ

1 голос
/ 16 февраля 2012

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

Он выбирает .widget-area, который следует сразу после двух .widget-area -х, все они содержатся в supplementary.three (то есть третий, четвертый, пятый и т. Д. .widget-areas, содержащиеся в supplementary.three) , Учитывая ваш поясненный исходный пример, было бы лучше переписать селектор как #supplementary.three #third.widget-area.

margin-right:0 означает, что не должно быть поля справа от третьего (четвертого, пятого и т. Д., Если таковые имеются) .widget-area.

...