Подсветка строк таблицы как?

[dandandan]

С помощью jquery можно легко сделать так, чтобы строки таблиц попеременно были разного цвета: красный, синий, красный, синий.

вот 1 из примеров: строки подсвечены голубой, белый.

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

А как такое можно сделать просто с помощью css ?
Вариант в четных строках прописывать class="first" в нечетных class="second" не катит .

 

[mittus]

JS:
$(".row table tr:even:not(tr.rowTitle)").addClass("even");
css:
.row {background:#FFF}
.row .even {background:#000;}
html:
<div class="row">
<table>
<tr class="rowTitle">
<td></td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td></td>
</tr>
</table>
</div>
Каждому 2-му tr будет прибавлен класс even после обработки скрипта. Соответственно кроме 1-го tr, который может являться заголовком.

 

[dandandan]

Хотелось бы исключить присутствие ява скрипта и не заморачиваться с прописанием классов для каждой четной строки (сейчас именно так и делаю).

 

[mittus]

Знаю еще один спорный метод, но смогу лишь намекнуть т.к. даже не понимаю, что за язык в нем задействован. Вот наглядно:

<tr class="{%if $dat_id mod 2 == 0%}even{%else%}odd{%/if%}">

В этом случае обработка происходит до отрисовки странички. Быть может, это php, но код явно кривожопый, т.к. был прописан в одном из tpl шаблонов на сайте с работы. Это я и переделал на Jquery.

Добавлено через 6 минут
Кстати вспомнил, похоже на синтаксис шаблонизатора smarty.. Вроде это оно )

 

[OmeN09]

mittus, спасибо. Не знаю как ТС, но мне помогло.

 

[ruberentis]

С помощью jquery можно легко сделать так, чтобы строки таблиц попеременно были разного цвета: красный, синий, красный, синий.
вот 1 из примеров: строки подсвечены голубой, белый.
*** скрытое содержание ***
А как такое можно сделать просто с помощью css ?
Вариант в четных строках прописывать class="first" в нечетных class="second" не катит .

Для просмотра ссылки Войди или Зарегистрируйся