Dino Geek essaye de t'aider

Comment styliser un lien avec CSS?


Vous pouvez styliser un lien dans CSS en utilisant le pseudo-classes `:link`, `:visited`, `:hover` et `:active`.

- `:link` est utilisée pour changer l’apparence des liens non visités.
- `:visited` est utilisée pour changer l’apparence des liens visités.
- `:hover` est utilisée pour changer l’apparence des liens lorsque vous passez votre souris dessus (survol).
- `:active` est utilisée pour changer l’apparence des liens au moment où ils sont cliqués.

Ces pseudo-classes sont utilisées avec le sélecteur `a` qui cible tous les liens.

Voici un exemple de comment vous pourriez styliser des liens avec CSS :

```
/* style pour les liens non visités */
a:link { color: red;
}

/* style pour les liens visités */
a:visited { color: green;
}

/* style pour les liens survolés */
a:hover { color: orange;
}

/* style pour les liens actifs */
a:active { color: blue;
}
```

Notez que l’ordre de ces pseudo-classes est important et devrait être comme ci-dessus `(link -> visited -> hover -> active)`. C’est ce qu’on appelle parfois la règle `LVHA`. L’ordre est important pour surmonter les problèmes de spécificité CSS et pour que les styles s’appliquent correctement.


Générez simplement des articles pour optimiser votre SEO
Générez simplement des articles pour optimiser votre SEO





DinoGeek propose des articles simples sur des technologies complexes

Vous souhaitez être cité dans cet article ? Rien de plus simple, contactez-nous à dino@eiki.fr

CSS | NodeJS | DNS | DMARC | MAPI | NNTP | htaccess | PHP | HTTPS | Drupal | WEB3 | LLM | Wordpress | TLD | Nom de Domaine | IMAP | TCP | NFT | MariaDB | FTP | Zigbee | NMAP | SNMP | SEO | E-Mail | LXC | HTTP | MangoDB | SFTP | RAG | SSH | HTML | ChatGPT API | OSPF | JavaScript | Docker | OpenVZ | ChatGPT | VPS | ZIMBRA | SPF | UDP | Joomla | IPV6 | BGP | Django | Reactjs | DKIM | VMWare | RSYNC | Python | TFTP | Webdav | FAAS | Apache | IPV4 | LDAP | POP3 | SMTP

| Whispers of love (API) | Déclaration d'Amour |






Mentions Légales / Conditions Générales d'Utilisation