Различен цвят за всеки ред

[DobriMcConnor]

Здравейте, !

Как ще стане на през ред цветовете да се редуват. За да разберете по-добре вижте снимката - http://prikachi.com/images/75/3653075Y.png

Извинявам се за заглавието, не можах да измисля друго.
Благодаря !

 

[tedo96]

http://www.web-tourist.net/forum/viewtopic.php?t=102216&start=0&postdays=0&postorder=asc&highlight=&sid=4c1c92a159c53a2fddaf5ca4c9b20d13

 

[emagi]

http://web-tourist.net/login/login/view.php?st=962

 

[sandh]

Единия вариант вече го посочиха. Трябва да редуваш класове.

Другия вариант е да ползваш повтарящо се изображение за background, широко 1px и високо колкото два реда.

 

[alex3]

http://dichev.com/Style/Examples/007/evenodd/

 

[DobriMcConnor]

Благодаря, tedo ! +1

 

[webdeveloper]

Какви са тия глупости... Ето ти възможно най-простият вариант:

$color = (($color == 'red') ? 'blue' : 'red');

И вече във font color-а слагаш за цвят $color

Така ще се редуват червено и синьо.
Лесно можеш да си го промениш вместо цвят да редува картинки.

 

[sandh]

Още по-добър вариант е ако съкратим и броя на класовете и inline стиловете. Ако всички редове са например червени, то трябва да задаваме клас само на тези, които трябва да са сини.

Ако се ползва цикъл (който в случая е подходящ) може да се ползва подобен pattern:
[css]div { background: red; }
div.blue { background: blue; }[/css]

for( $i = 0, $max = 30; $i < $max; i++ ) {
    $class = ( $i % 2 == 1 ) ? '' : ' class="blue"';

    print "<div{$class}>...</div>";
}

P.S. - alex3 даде най-доброто възможно решение, стига поддръжката на css да е достатъчна. nth-child псевдокласа се поддържа чак от версия 9 на IE. Винаги е добре да се мисли за всички потребители, но... какво пък