Условный оператор CSS для чередующегося цвета строки (начать с последней строки?)

Небольшая косметическая проблема. Я разрабатываю сайт на основе форума с динамическими таблицами PHP, которые включают верхние и нижние колонтитулы. В настоящее время у меня есть условный оператор CSS для чередования цветов фона для четных и нечетных строк в моих таблицах.

<!-- IF forumrow.S_ROW_COUNT is even-->
   <li class="row" style="background-color:#536482;">
<!-- ELSE -->
   <li class="row" style="background-color:#E0EBB2;">
<!-- ENDIF -->

Моя проблема заключается в том, что общий нижний колонтитул моих таблиц имеет тот же цвет, что и четный счет в моем условном выражении, и это выглядело бы довольно странно, как будто нижний колонтитул выглядел бы больше, чем он есть на самом деле, если бы он был того же цвета, что и последняя строка, то есть если таблица должна была заканчиваться на четной строке.

Мой вопрос: могу ли я что-нибудь добавить к своему условному оператору, чтобы он начинался с последней строки моих таблиц? Тогда последняя строка нижнего колонтитула всегда будет #E0EBB2.

Заранее спасибо.


conditional-statements css phpbb
person rumspringa00    schedule 05.09.2011    source источник
comment
Это не условный оператор CSS. Это условный блок, который является частью механизма шаблонов вашего форума PHP, каким бы он ни был.   -  person BoltClock    schedule 05.09.2011
comment
Да, я модифицирую тему prosilver PHPBB3. Я исключил то, что не было распространено в моей проблеме.   -  person rumspringa00    schedule 05.09.2011

Ответы (2)


arrow_upward
2
arrow_downward

Вы можете использовать только псевдоселектор css nth-last-child и ничего более.

Попытайся:

ul li {
   background-color: #536482;
}

ul li:nth-last-child(odd) {
    background-color: #E0EBB2;
}

Рабочий пример здесь.

person Ravan Scafi    schedule 05.09.2011
comment
Это сработало отлично, спасибо! Я стараюсь держаться подальше от CSS3, но для чего-то столь незначительного, как фоновые цвета, меня это не волнует =) - person rumspringa00; 05.09.2011

arrow_upward
2
arrow_downward

Возможно, лучше позволить PHP генерировать стили, чем полагаться на условные комментарии. Из PHP-скрипта вы также можете подсчитать строки и начать с определенного цвета, если они четные, и другого, если нечетные. Условные комментарии не поддерживаются широко или постоянно.

person Jonathan Weatherhead    schedule 05.09.2011
comment
Спасибо за предложение, я довольно свободно разбираюсь в html / css, хотя мне немного не хватает php, но я все еще новичок в php, не могли бы вы опубликовать ссылку случайно? - person rumspringa00; 05.09.2011