Comment appliquer une règle CSS à une page en particulier ?

Réponses rédigées par Antoine
Dernière mise à jour : 2022-04-19 12:08:03
Thèmes : css - html
Question

Bonjour, j'utilise une feuille de style commune à tout mon site. Est-il possible d'appliquer une règle CSS à une page en particulier, et cela sans devoir ajouter du code supplémentaire directement dans la page concernée via une balise <style> ?

Réponse

Vous pouvez utiliser la règle CSS @document. Elle est utilisée pour spécifier des règles de style qui s'appliquent uniquement à certaines pages d'un document.

En d'autres termes, elle vous permet de spécifier un ensemble de styles qui ne seront appliqués qu'à certaines pages d'un site Web.

Exemple pour mettre en gras les balises <h1> de la page actuelle :

@document url('https://www.collaborativejob.com/7685/comment-appliquer-une-regle-css-a-une-page-en-particulier') {
   h1 {
     font-weight: bold;
  }
}

Vous trouverez d'avantage d'information sur la règle CSS @document via cette page du site de Mozilla.