Tema: Como personalizar CADA ELEMENTO de una lista.
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 27/01/2008, 10:22
Avatar de Wel
Wel
 
Fecha de Ingreso: marzo-2003
Mensajes: 77
Antigüedad: 21 años, 9 meses
Puntos: 0
Exclamación Como personalizar CADA ELEMENTO de una lista.
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>