чередование цвета в div

сделай два класса "block" и "block_1"....

div#ferst :nth-child(odd) { йа нечетный}

div#ferst :nth-child(even) { йа четный}

PS Не работает в IE 6, и пофиг

на похапэ это примерно так, если блоки генерируются в цикле

div.block_red

{

padding:10px;

background-color:#f00;

}

div.block_green

{

padding:10px;

background-color:#0f0;

}

<?php

//вариант 1

for($i=0;$i<10;$i++)

{

echo '<div class="block_'.($i%2==0?'red':'green').'">ololo</div>'; 

}



//вариант 2

while($i<10)

{

echo '<div class="block_'.($i%2==0?'red':'green').'">ololo</div>'; 

$i++;

}

?>

а как сделать чтобы

<div class="blok"></div>

и

<div class="blok"></div>

были разного цвета я хз...

window.document.getElementsByTagName('div');

Получить класс элемента (block)

менять ему background-color

приблизительно так

var list_div = document.getElementsByTagName('div');
background_color = нужный цвет;
for ( (var i = 0; i < list_div.length; i++){
  if (list_div.className == 'block') {
    list_div.style.backgroundСolor =background_color;
    background_color = новый цвет;

}

Не выходит

воткнул так

ни чего не меняется

напоминаю

код

стили

website-verstka добавил 04.09.2010 в 21:10

объявляю денежное вознаграждение!

лишь бы был результат

<style type="text/css">

#ferst .blok {

border:1px solid #000;

text-align: center;

height: 20px;

width: 500px;

} 

</style>

<div id="ferst">

<div class="blok">ы</div>

<div class="blok">ы</div>

<div class="blok">ы</div>

<div class="blok">ы</div>

<div class="blok">ы</div>

<div class="blok">ы</div>

</div> 

<script type="text/javascript">

var list_div = document.getElementsByTagName("div");

background_color = '#888888';

for (var i=0; i<list_div.length; i++){

	if (list_div.className=="blok") {

		list_div.style.backgroundColor=background_color;

		if (background_color=='#cccccc') background_color = '#888888';

		else background_color='#cccccc';

	}

}

</script> 

вот спасибо!