class (css)

1. Sélecteur de classe (.class) :

   • Le sélecteur de classe permet de sélectionner des éléments HTML ayant un attribut de classe spécifique.
   • Pour sélectionner des éléments avec une classe donnée, utilisez un point (.) suivi du nom de la classe.
   • Exemple : Pour styliser tous les éléments avec class="intro" :

     .intro {
       background-color: yellow;
     }
     

   • Vous pouvez également spécifier que seuls certains éléments HTML doivent être affectés par une classe. Pour cela, commencez par le nom de l’élément, puis ajoutez le point (.) suivi du nom de la classe (voir exemple 1 ci-dessous).
   • Les éléments HTML peuvent également faire référence à plusieurs classes (voir exemple 2 ci-dessous).

2. Attribut de classe HTML :

   • L’attribut de classe spécifie un ou plusieurs noms de classe pour un élément.
   • Les classes sont utilisées par CSS et JavaScript pour sélectionner et accéder à des éléments spécifiques.
   • Le nom de la classe est sensible à la casse.

Voici quelques exemples pour illustrer l’utilisation des classes en CSS :

• Exemple 1 : Styliser tous les éléments <p> avec class="hometown" :

  p.hometown {
    background-color: yellow;
  }
  

• Exemple 2 : Ce paragraphe <p> fait référence aux classes class="center" ET class="large" :

  <p class="center large">Ce paragraphe fait référence à deux classes.</p>
  

Les classes permettent d’appliquer des styles et des mises en forme spécifiques à des groupes d’éléments. Elles sont largement utilisées pour organiser et personnaliser vos pages web ! 😊