Tengo una duda desde tiempos inmemoriables, ¿como es posible tener links con distintos colores?
Me explico, tu cuando pasas el raton x 1 link suele cambiarse al color que tu quieras, pero muchas veces, al querer convinar un fondo negro con 1 blanco he tenido 1 problema, que hay links que no se ven.
¿Hay alguna manera de hacer 2 tipos de links distintos asignandole algun "type" o algo similar en 1 misma pagina? Supongo q lo habra pero como soy torpe no lo se :X
Con CSS supongo que no deberías tener mayor problema que editar los colores de los tipos "#nombre a" o crear algunas clases editando en cada uno el diseño de las URL y usándolas donde te convenga.
puedes utilizar 2 clases para los links:
En la parte de CSS
Para un link usas:
a.linkUno:link , a.linkUno:visited {
color:white;
}
a.linkUno:hover {
color:blue;
}
a.linkUno:active {
color:red;
}
Para el otro usas :
a.linkDos:link , a.linkDos:visited {
color:white;
}
a.linkDos:hover {
color:pink;
}
a.linkDos:active {
color:yellow;
}
En la parte de html solo tienes que asignarle a cada link la clase que has escrito anteriormente:
<a href="#" class="linkUno">Enlace Uno</a>
<a href="#" class="linkDos">Enlace Dos</a>
Todo esto obviamente colocado donde debe, los colores no tienes porque escribirlos asi normalmente se utiliza alfanúmerico, sólo se escriben sus nombres si quieres el color génerico.
PD: Cuando defines un estilo para un enlace al ser una pseudoclase se divide en varias propiedades que son link ( el estado por defecto cuando vemos un link en una web), visited (cuando ya has pinchado en ese link), hover (cuando pasas con el raton sobre el enlace), active ( cuando presionas sobre el enlace).
Al definirlo siempre tienes que hacerlo en este orden a:link, a:visited, a:hover, a:active.
Mucha gente pasa de definirlos todos y solo define 'a' de forma genérica y la pseudoclase 'a:hover' pero para una buena practica y codificación hay que definir las 4 pseudoclases.