Pseudo-classe :any-link CSS

Définition et utilisation

CSS :any-link Les pseudo-classes sont utilisées pour sélectionner et définir les styles des éléments qui servent de point d'ancrage pour les hyperliens.

Ce pseudo-classe fonctionne indépendamment du fait que le lien ait été visité ou non.

Par conséquent, ce pseudo-classe s'applique à tous les éléments ayant l'attribut href <a> ou <area> Élément.

Exemple

Exemple 1

Sélectionner et définir les styles de tous les éléments <a> ayant l'attribut href :

a:any-link {
  background-color: yellow;
  color: marron;
}

Essayer par vous-même

Exemple 2

Définir les styles pour tous les éléments <a> ayant l'attribut href. De plus, définir les styles des liens en fonction de leur état (survol, activation, non visité, etc.) :

a:any-link {
  background-color: yellow;
  color: marron;
}
a.ex1:hover, a.ex1:active {
  color: red;
}
a.ex2:hover, a.ex2:active {
  font-size: 150%;
}

Essayer par vous-même

Grammaire CSS

:any-link {
  déclarations css;
}

Détails techniques

Version : CSS Selectors Level 4

Prise en charge du navigateur

Les nombres dans le tableau indiquent la première version du navigateur qui prend en charge cette pseudo-classe.

Chrome Edge Firefox Safari Opera
65 79 50 9 52

Pages associées

Tutoriel :Lien CSS

Tutoriel :Bouton CSS

Tutoriel :pseudo-classes CSS