Comment styliser le lien d'ancrage sautant

Source Code: (back to article)

<!DOCTYPE html>
<html>
  <head>
    <title>Titre du document</title>
    <style>
      .main-content {
        height: 100vh;
        text-align: justify;
      }
      h2 {
        color: #1c87c9;
      }
      h2:target {
        color: white;
        background: #1c87c9;
      }
    </style>
  </head>
  <body>
    <h2 id="Lorem_Ipsum">Lorem Ipsum</h2>
    <div class="main-content">
      <p>
        Lorem Ipsum est simplement un texte factice de l'industrie de l'impression et de la composition. Lorem Ipsum est le texte factice standard de l’industrie depuis les années 1500, quand un imprimeur inconnu a pris une galère de type
        et l’a brouillé pour en faire un cahier type. Il a survécu non seulement à cinq siècles, mais aussi au saut dans la composition électronique, demeurant essentiellement inchangé. Il a été popularisé dans les années 1960 avec la
        publication de feuilles Letraset contenant des passages de Lorem Ipsum, et plus récemment avec un logiciel de publication assistée par ordinateur comme Aldus PageMaker, comprenant des versions de Lorem Ipsum.
      </p>
      <p>
        C'est un fait établi de longue date qu'un lecteur sera distrait par le contenu lisible d'une page lorsqu'il examinera sa mise en page. Lorem Ipsum a l'avantage de présenter une distribution de lettres plus ou moins normale, par
        opposition à l'utilisation de 'Contenu ici, contenu ici', ce qui donne un aspect lisible en anglais. De nombreux logiciels de publication assistée par ordinateur et éditeurs de pages Web utilisent maintenant Lorem Ipsum comme modèle
        de texte par défaut. Une recherche sur «lorem ipsum» permet de découvrir de nombreux sites Web encore à leurs balbutiements. Différentes versions ont évolué au fil des ans, parfois par accident, parfois exprès (humour injecté, etc.)
      </p>
    </div>
    <p>Allez à <a href="#Lorem_Ipsum">haut</a>.</p>
  </body>
</html>