Comunidad de diseño web y desarrollo en internet online

CSS a:hover

Citar            
MensajeEscrito el 13 Ago 2008 11:25 am
Hola a todos

Mi pregunta es la siguiente:
¿ puedo redefinir el "hover" de un link en otra clase?, lo siguiente no me funciona, no sé cómo tener diferentes estilos para diferentes links. Gracias

Código :

 p
{
   font-family: "verdana";
}
a
{
   color: #FE9D03;
   text-decoration: none;
}
a:hover
{
   color: #FFFFFF;
   text-decoration: none;
}
.linkotro
{
   color:#A21C00;
   font-size:16px;
}
.linkotro:hover
{
   color:#FFCC00;
   font-size:16px;
}

Por aitorlape

23 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 13 Ago 2008 11:30 am
Que método estás utilizando para dar estilo al texto? postea el código que utilizas y que no te funciona.

Por elchininet

Claber

3921 de clabLevel

17 tutoriales

Genero:Masculino  

Front-end developer at Booking.com

firefox
Citar            
MensajeEscrito el 13 Ago 2008 11:46 am
La hoja de estilos la cargo bien, y el resto de estilos funciona. Lo único que quiero saber es como tener dos estilos diferentes para dos links diferentes, es decir, con la hoja de arriba si pongo

1. <p> Hola a todos, <a href='http://www.miweb.com'>pincha aqui</a></p>

O si pongo

2. <p> Hola a todos, <a class='linkotro' href='http://www.miweb.com'>pincha aqui</a></p>

El efecto hover no es el de linkotro:hover, si no el de a:hover en los dos casos. Esto es lo que me gustaría saber como solucionar

Por aitorlape

23 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 02 Dic 2008 07:17 pm
probaste colocando esto

Código :

.linkotro a:hover
{
   color:#FFCC00;
   font-size:16px;
}

Por roskilla

1 de clabLevel



Genero:Masculino  

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.