Tuto CSS-SASS

Class et ID CSS

Les attributs class et les ID en CSS servent à identifier une portion de code précise dans une page HTML (table, div, span...) et à y appliquer les styles CSS appropriés. La principale différence entre l'attribut ID et un attribut class est que l'ID doit être unique dans une page web, tandis que la classe peut être répétée autant de fois que l'on en a besoin. Voici quelques exemples d'utilisation.

Attribut ID CSS

<!-- côté HTML -->
<div id="coupe-du-monde">Aller les bleus</div>

/*côté CSS*/
#coupe-du-monde{
    color: blue;
}

Attribut class CSS

<!-- côté HTML -->
<div class="coupe-du-monde">Aller les bleus</div>
<div class="coupe-du-monde">Aller Johnny</div>

/*côté CSS*/
.coupe-du-monde{
    color: blue;
}