identificar la etiqueta <a>

[naitmeir]

Buenas tengo un pequeñito problema, no se como identificar los enlaces para diferneciarlos y no tengan todos el mismo comportamiento...

Con otras etiquetas como <p> <div> se usar los "id" o el "class", pero con los enlaces creo q es diferente y nose como hacerlo, dado este ejemplo como los identificaria ?

1 estilo:

a:link { color:#333333; text-decoration:none}
a:visited {color:#333333 ; text-decoration:none}
a:active {color:#333333; text-decoration:none}
a:hover {color:#FFFFFF ; background-color:#000000 }

2 estilo:

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

Gracias de antemano

[David]

Se puede hacer con class:

Código css:

a.clase:link { color:#000000; text-decoration:none}
 

En ese caso el class que habría que ponerle es "clase".

[ElJavista]

Puedes también modificar su estilo mediante su contenedor, de este modo:
<div id="conte">
<a href="vinculo">enlace</a>
</div>

El estilo serí así:

#conte a {
color: #584788;
}
#conte a:hover {
color: #FF8854;
}

[naitmeir]

Me quedo con la primera pero tb me parece muy interesante la segunda, gracias!

[naitmeir]

Bueno yo estaba felizmente dandole mi toque personal a la web cuando me doy cuenta de que en Iexplorer me lo respresenta bien y el firefox mal, vaya cojonadas. La cosa es que no tiene mucho sentido porque solo me ha pasado cuando he empezado a dar diferentes clases para cada tipo de enlace.

En este caso ha sucedido que los links visitados me salen con el underline y de color azul, una vez cliko ya hace el estilo bien... (Firefox), en Iexplorer no pasa

Código HTML:

<!--Enlaces para el menu -->
a.menu:link { color:#999999; text-decoration:none}
a.menu:visited {color:#999999 ; text-decoration:none}
a.menu:active {color:#999999; text-decoration:none}
a.menu:hover {color:#FFFFFF ; background-color:#000000 }
<!--Enlaces para el las mininoticias -->
a.news:link { color:#333333; text-decoration:none}
a.news:visited {color:#333333 ; text-decoration:none}
a.news:active {color:#333333; text-decoration:none}
a.news:hover {color:#FFFFFF ; background-color:#000000 }
<!--Enlaces para la columna del centro -->
a.colc:link { color:#333333; text-decoration:none}
a.colc:visited {color:#333333 ; text-decoration:none}
a.colc:active {color:#333333; text-decoration:none}
a.colc:hover {color:#FFFFFF ; background-color:#000000 }
<!--Enlaces para la columna derecha -->
a.colr:link { color:#000066; text-decoration:none}
a.colr:visited {color:#000066 ; text-decoration:none}
a.colr:active {color:#000066; text-decoration:none}
a.colr:hover { color:#990000; text-decoration:none }

Nose lo dejo pero sino me tendre que agarrar a la segunda sugerencia, aunque no me acaba de agradar demasiado por q ya tengo <div> identificados ....

[David]

Los comentarios que pones no están cerrados correctamente.

[naitmeir]

Iniciado por David el Grande

Los comentarios que pones no están cerrados correctamente.

Puede ser ... pero por fabor señalame por donde estan mal cerrados porque los estoy mirando bien y no lo veo, ademas me he asegurado http://lineadecodigo.com/2006/12/09/...arios-en-html/

<!-- Comentario en una página HTML -->

y no encuentro la diferencia

<!--Enlaces para el menu --> // sino es el espacio entre el guion y la E nose cual puede ser

Bueno ya me buscare la vida de otra forma gracias

[David]

Para comentar en CSS mejor usa /* */:

Código css:

/* Esto es un comentario en CSS */