Pseudo Classe CSS :target
La pseudo-classe :target style un élément qui est la ciple d'un lien interne dans un document.
Elle représente l'élément cible avec un id correspondant au fragment d'URL.
Version
Syntaxe
:target {
css declarations;
}Exemple
<!DOCTYPE html>
<html>
<head>
<title>Titre du document</title>
<style>
:target {
border: 2px solid #1c87c9;
background-color: #eeeeee;
}
</style>
</head>
<body>
<h2>Exemple du sélecteur :target</h2>
<p>
<a href="#example1">Sauter à Paragraphe 1</a>
</p>
<p>
<a href="#example2">Sauter à Paragraphe 2</a>
</p>
<p id="example1">
<strong>Paragraphe 1</strong>
</p>
<p id="example2">
<strong>Paragraphe 2</strong>
</p>
</body>
</html>Support de Navigateurs
|
|
|
|
|
|---|---|---|---|---|
| 4.0+ | 12.0+ | 3.5+ | 3.2+ | 10.0+ |
Pratiquez vos connaissances
Qu'est-ce que la pseudo-classe ':target' en CSS ?
Correcte!
Incorrecte!