a:hover, a:active, a:...

XiSPaS

veres, tengo una hoja de estilo para todo el sitio web. Pero me gustaria que los enlaces A sean diferente que los enlaces B.

Un ejemplo: Los enlaces del menú que sten en negrita, sin subrayo.

Y los enlaces de las noticias, este subrayados.

Aver si me entendeis, :P

Gracias,

B

si el menu lo tienes en un DIV con id "enlacesA". Sería así:

En el CSS:

#enlacesA a {
Atributos que quieras
}

Y los demas de otra manera:

En el CSS:

a {
Atributos que quieras
}

Entiendes? Saludos!

XiSPaS

te sere sincero, no entiendo tu concepto. Porque veras, como asigno a un div una id? porque un class vale, pero una id es para toda la pagina, o no?

Mi estilo a: es así

a, a:link, a:visited, a:active {
text-decoration: underline;
color: #000000;
}
a:hover {
text-decoration: none;
}

Y he probado de poner ensima de los enlaces, otra class, pero no ay manera.

guner

los id son como los class, pero solo los puedes asignar una vez, xq además sirven para la identificaión de un objeto dentro del documento

< div id="X"></div>

Abreu

Tienes esto:

a, a:link, a:visited, a:active {
text-decoration: underline;
color: #000000;
}
a:hover {
text-decoration: none;
}

Añade esto;

a.dos, a:link.dos, a:visited.dos, a:active.dos {
text-decoration: underline;
color: #FFF;
}
a:hover.dos {
text-decoration: none;
}

Si te fijas solo he añadido el .dos y he cambiado el color (a blanco). Ahora los enlaces que quieres que sean de otro color pones esto:

<a href="urldeloquequieras" class="dos">Descripcion</a>

Lo mismo si los quieres subrayar...

XiSPaS

despues de varios intentos:

a#uno, a:link, a:visited, a:active {caracteristicas
}
a#uno, a:hover {caracteristicas
}

a#dos, a:link, a:visited, a:active {caracteristicas
}
a#dos, a:hover {caracteristicas
}

Y solo tengo que añadir a cada enlace id="uno/dos"

Muchas gracias por vuestra ayuda.

_BoJa_69

Y solo tengo que añadir a cada enlace id="uno/dos"

Mejor que id, pon class. Los enlaces podrían ser varios y semánticamente sería incorrecto duplicar un id.

XiSPaS

me rindo, no ay manera... y lo de poner class, como seria?

LiuM

en vez de poner en la css #algo{} pones .algo{}

Y en vez de <div(o lo que sea) id="algo"...
pones <div class="algo"...

XiSPaS

.menu, a:link, a:visited, a:active {caracteristicas
}
.menu, a:hover {caracteristicas
}

así seria? pues asi no me funciona :'(

LiuM

.menu a:hover, .menu a:active,.....{}

Usuarios habituales