como hacer dos hover distintos

marcinf2 · #1 (**permalink**) 31/01/2008, 10:16

tengo dos tipos de enlaces

el primero un enlace texto color blanco sobre fondo celeste al pasar el mouse por encima sigue en blanco

el segundo enlace texto color negro sobre fondo blanco al pasar el mouse por encima no se ve obviamente por que el hover es blanco

Código:

A:hover {
	color: #FFFFFF;
	text-decoration: none;
}

como hago para que el segundo enlace me quede negro?

lo mismo me pasa con dos input uno lo tengo con borde amarillo y otro lo quiero celeste uso esto

Código:

input:focus {
	border: 1px solid #FFCC00;
	background-color: #FFFFFF;
}

hades87 · #2 (**permalink**) 31/01/2008, 12:28

posrias hacer a:hover#hover1 y a:hover#hover2 y en cada etiqueta <a> poner <a id="hover1">

juaniquillo · #3 (**permalink**) 31/01/2008, 14:24

creo que es también valido usar:

a#hover1:hover
a#hover2:hover

o hasta:

#hover1:hover
#hover2:hover

marcinf2 · #4 (**permalink**) 01/02/2008, 06:51

gracias a los dos por responder probare y luego les digo