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

CSS3

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+


Trouvez-vous cela utile?

Articles Associées