Como personalizar CADA ELEMENTO de una lista.

Wel · #1 (**permalink**) 27/01/2008, 10:22

Quiero conseguir algo como esto,

Código:

<HTML>
	<HEAD>
		<style>
			ul li.primero {color: blue;}
			ul li.segundo {color: green;}
			ul li.segundo {color: red;}
		</style>
	</HEAD>

	<BODY>
		<ul>
			<li class="primero">Elemento 1</li>
			<li class="segundo">Elemento 2</li>
			<li class="tercero">Elemento 3</li>
		</ul>
	 </BODY>
</HTML>

pero sin usar en cada etiqueta <li>, lo de class="..."

Código:

<ul>
	<li>Elemento 1</li>
	<li>Elemento 2</li>
	<li>Elemento 3</li>
</ul>

hay alguna manera de hacer referencia al elemento uno de la lista, al elemento dos de la lista...etc algo así como:

Código:

<style>
	ul li[1] {color: blue;}
	ul li[2] {color: green;}
	ul li[3] {color: red;}
</style>

hades87 · #2 (**permalink**) 27/01/2008, 15:45

te aconsejo que te mires este tuto:

http://www.cristalab.com/tutoriales/...-usando-listas