En CSS, une classe est un groupe d’éléments qui sont identiques ou similaires. Voici quelques points importants à retenir sur les classes en CSS :
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).
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>
avecclass="hometown"
:p.hometown { background-color: yellow; }
Exemple 2 : Ce paragraphe
<p>
fait référence aux classesclass="center"
ETclass="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 ! 😊
Commentaires
Enregistrer un commentaire
Merci pour ton message 🙂
Connectez-vous pour laisser un commentaire