Link CSS
7 seguidores
¿Cómo se hace para definir que tan solo una class, tenga un determinado color cuando el ratón pasa por encima del texto?
Quiero tener un enlace con un color determinado para toda la web en general y otro color para un determinado texto.
Gracias!
txuma Plus
A ver... tu estás definiendo una clase para la etiquete A:
a.menu
por tanto deberás aplicar la clase a esa etiqueta:
<code><a href="loquese" class="menu">Link</a></code>
Si lo que quieres es una regla que se aplique a todo los enlaces de esa tabla podrías hacerlo así:
table.menu a {... aqui defines el estilo... }
y en el html entonces sí que puedes poner
<table class="menu">
Y en este caso, la regla para la posición 'sobre' sería así:
table.menu a:hover {... aquí defines el estilo... }
Un saludo ;)
aloga
Pues mira que es sencillo, pero no sale lo que quiero.
Lo que quiero es simple ...
... que una parte de la web, en este caso el texto de un menú pues tenga un hover distinto que a toda la web.
Lo pongo de la siguiente manera:
a.menu { text-decoration: none;font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;}
a:hover.menu { color: #ffffff; background: #98A860; }
...después le aplico a la tabla donde está menú la clase "class=menu" .
Pero nada, no sale.
¿Sabéis cuál puede ser el problema? :)
meddle
por favor, seriedad... ;)
lamacq
glups...
pero...
si EJ LO MIJMOOOO!!!
brrr!
alguien se anima a ponerlo todo en una linea del tipo:
< a href="#" style="color:#00rr00" onmouseover="javascript:(lo que vaya aqui... tipo document.this.style.color=#color">enlace</a>
jejeje, nidea si se puede hacer, pero al igual desde javascript tb funciona
juajuajua...
meddle
sigue siendo mas correcto lo que puso txuma :)
lamacq
lo puedes hacer directamente, por la via rapida:
< a href="#">link normal de tu web</a><br>
<style>
.prueba {color:#aa0000;}
.prueba:hover {color:#00aa00;}
</style>
< a href="#" class="prueba">link color diferente</a><br>
;-)
aloga
Gracias Txuma y a todos, ya encontré lo que quería.
Estaba rondando lo que me habéis dicho, probé pero no encontré lo que buscaba hasta que me habéis dado la clave ;)
meddle
eso es lo que ha dicho txuma. y es lo mas correcto. a no ser que hablemos de hacer todos los links de hijos de un elemento de otro color, en lugar de una clase:
#micapa a:hover {color:red}
todos los links del elemento (div, p, span, ...) tendran un texto rojo al hacer hover
siempre es mejor intentar ahorrar clases, no es que sea incorrecto poner clases a todo, pero si se puede evitar, usando un ejemplo parecido, mejor.
joshuatree
La forma de enunciar la clase x parte de kemie esta bien, solo que no esta aplicada correctamente: El div esta de mas, bastaria con poner, en vez de esto:
<div class="miclase">
< a href="mipag.htm">milink</ a>
</div>
Esto otro:
< a href="mipag.htm" class="miclase">milink</ a>
No?
txuma Plus
Kemie, pero esa forma que planteas no tienes mucho sentido. La etiqueta DIV se utiliza para definir un bloque de contenido, y en ese ejemplo tu la estás utilizando simplemente para aplicar un formato.
Semánticamente no es del todo correcto el ejemplo que planteas.
kemie
otro modo alternativo es asi:
HTML:
<div class="miclase">
< a href="mipag.htm">milink</ a>
</div>
CSS:
.miclase a:link{
color: #000;
}
.miclase a:hover{
color: #333;
}
txuma Plus
puedes definir una clase solo para ese enlace y definir el estado hover solo para esa clase:
<code>
a.nombreclase {
color: #000;
text-decoration: none;
}
a.nombreclase:hover {
text-decoration: underline;
}
</code>
y aplicar la clase a ese link:
<code>
<a href="" class="nombreclase">Texto enlace</a>
</code>
Saludos
ikgoru
Yo no entiendo muy bien la pregunta aloga, no se si lo que quieres es que todos los enlaces de la web salgan de determinada manera o hacer un estilo para que unos enlaces determinados salgan de una manera.