Как настроить таргетинг только на элементы, за которыми следует другой (конкретный) элемент?

У меня есть сгенерированный код представлением Drupal. Это выглядит так (урезано для ясности):

<div class="group_content">
  <h3>Header Link</h3>
  <div class="row odd">Here's some content</div>
  <h3>Another Header Link</h3>
  <div class="row even">Here's some more content</div>
</div>

<div class="group_content">
  <h3>Header Link 2</h3>
  <div class="row odd">Here's some content 2</div>
</div>

Поскольку это генерируется CMS, существует ограничение на то, что я могу сделать с отрендеренным кодом — например, я не могу добавить четный/нечетный класс в элементы h3.

Как я могу (в css) настроить таргетинг только на div class=row, за которым следует другой div class=row? Если в группе более одной строки, мне нужно добавить нижнюю границу к div, чтобы действовать как визуальный разделитель. Таким образом, используя мой пример кода, будет применена граница к div class="row odd">Вот некоторый контент

, потому что за ним следует еще одна строка.

Я бэкэнд-разработчик, поэтому CSS не моя сильная сторона. Нам нужна поддержка IE7.

9
задан EmmyS 5 June 2012 в 15:14
поделиться