: enlace - Trucos CSS | Almanaque CSS 2024

El :linkselector es una pseudoclase que apunta a todos los elementos anchor ( ) no visitados en una página.

a:link ( color: aquamarine; )

El ejemplo anterior cambiará el color de todos los enlaces no visitados a aguamarina.

Cuando se usa en combinación con la :hoverpseudo-clase, :linkdebe aparecer primero, o no estar definido en absoluto, para que los :hoverestilos funcionen. Esto se debe a que son igualmente específicos, por lo que si :linkvinieran después, esos estilos anularían los estilos de desplazamiento.

La :linkpseudoclase apuntará a todos los elementos que tengan un hrefatributo, incluso si hreftiene un valor vacío. Entonces, en ese sentido, es como el selector de atributos (href).

Esto significa que los siguientes tres elementos HTML se pueden diseñar a través de la :linkpseudoclase:

CSS-Tricks CSS-Tricks CSS-Tricks

El tercer ejemplo en el bloque de código anterior, sin embargo, sería HTML inválido.

Sólo hay tres elementos HTML que aceptan el hrefatributo: , , y . Solo se puede aplicar estilo al elemento mediante la :linkpseudoclase.

Además, no puede agregar el hrefatributo a otro tipo de elemento y hacer que tenga estilo mediante :link. En otras palabras, si tuviera el siguiente HTML:

 CSS-Tricks

El siguiente CSS no tendría ningún efecto:

div:link ( color: aquamarine; )

Nuevamente, el HTML fallaría la validación, ya hrefque no es un atributo válido para .

Debido al hecho de que :linksolo puede apuntar a elementos, los :linkestilos se pueden definir en el CSS sin el selector de tipo de elemento, como este:

:link ( color: aquamarine; )

Además, para todos los propósitos prácticos cuando se usa HTML, la :linkpseudoclase es algo irrelevante ya que se puede lograr el mismo efecto simplemente apuntando a todos los elementos directamente:

a ( color: aquamarine; )

Sin embargo, si hay elementos en la página que no tienen el hrefatributo establecido (por ejemplo, en páginas heredadas que se usaron ), el código anterior también apuntaría a esos elementos, y este puede no ser el resultado deseado.

También se debe señalar que, a partir de CSS2, otros lenguajes de documentos (además de HTML) pueden definir otros elementos, además de los anclajes, que se pueden diseñar mediante la :linkpseudoclase.