Colores en menu

[hamlet127]

Buenas, quería preguntar como poner color y color de fondo a un menu, por filas, es decir, cada fila que tenga un color diferente, a ser posible dentro del html.

Este sería el comienzo del código del menú de varios niveles:

Código HTML:

<ul id="nav">

	<li><a href="#">Home</a></li>
	<li><a href="#">About</a>
		<ul id="nav2">
			<li><a href="#">H</a></li>
			<li><a href="#">T</a></li>
			<li><a href="#">O</a></li>
		</ul>
	</li>
	<li><a href="#">S</a>
		<ul id="nav2">
			<li><a href="#">Web</a></li>
			<li><a href="#">Int</a></li>
			<li><a href="#">T</a>
				<ul id="nav3">
......

[pzin]

Puedes usar nth-child():

Código CSS:

li:nth-child(odd) {
  color: red;
  background: white;
}
 
li:nth-child(even) {
  color: blue;
  background: yellow;
}
 

En tu código estás repitiendo identificadores, cosa que no puede hacerse. Tendrías que cambiarlos por clases.

[hamlet127]

gracias, aunque el codigo no me funciona del todo, porque me expliqué mal, el menú es drop down, y baja por niveles en una sola linea en horizontal con todos los subniveles dentro de la misma linea de subnivel, y así sucesivamente, resumiendo que el cambio de color seria para cada ul ( todos los li del mismo nivel deberían tener igual color), espero haberme explicado bien :S

como seria ul con clase:
ul class = "nav1"

gracias

[pzin]

Iniciado por hamlet127

como seria ul con clase:
ul class = "nav1"

Si. Así mismo.

Pues ponles un color a cada elemento de la lista según su clase o según el identificador.

Código HTML:

<ul class="enlaces_rojos">
  <li>...
</ul>
 

Código CSS:

ul.enlaces_rojos > li a {
  color: red;
}