Efecto hover en A.link

xplorador · #1 (**permalink**) 25/04/2007, 10:52

Alguien me podría decir como hago para implementar el efecto hover de los enlace en el siguiente código:

Código:

A.category-top, A.category-links {
background-color: #d0d0d0; 
font-weight: bold; display: block; 
margin: 0; padding: 3px; 
text-decoration: none;
display: block;}

por que si le cambio a:

Código:

.category-top {...}
.category-top a {...}
.category-top a:hover {...}

N0 me funciona, solo funciona cuando el A esta primero (A.category-top)

Gracias!!!

#2 (**permalink**) 25/04/2007, 17:40

No creo que lo estés haciendo como realmente lo querés:

al hacer "A.category-top a:hover", estás dando las propiedades para "cuando paso el ratón por encima de un enlace que está dentro de un enlace de la clase category-top"

El selector que querés creo que es
a.category-top:hover

A propósito, creo que el "-" no es un caracter admitido en el nombre de una clase...

Saludos.

xplorador · #3 (**permalink**) 25/04/2007, 18:51

Esas propiedades así vinieron en el Zen Cart yo lo quise hacer d ela segunda manera que es como acostumbro y se pero no me funcionaba,bueno gracias probare luego les cuento a ver como me fue...gracias por la respuesta,genial!!!