Foros del Web » Creando para Internet » CSS »

Como personalizar CADA ELEMENTO de una lista.

Estas en el tema de Como personalizar CADA ELEMENTO de una lista. en el foro de CSS en Foros del Web. 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> ...
  #1 (permalink)  
Antiguo 27/01/2008, 10:22
Avatar de Wel
Wel
 
Fecha de Ingreso: marzo-2003
Mensajes: 77
Antigüedad: 14 años, 8 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>
  #2 (permalink)  
Antiguo 27/01/2008, 15:45
Avatar de hades87  
Fecha de Ingreso: diciembre-2007
Ubicación: Barcelona - España
Mensajes: 3.194
Antigüedad: 10 años
Puntos: 68
Re: Como personalizar CADA ELEMENTO de una lista.

te aconsejo que te mires este tuto:

http://www.cristalab.com/tutoriales/...-usando-listas
__________________
No diseñes usando tablas.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 16:02.