A suivre, une petite explication de la différence entre une classe ( .maclasse ) et un id ( #monid ) dans une css.
Il existe des différences à connaitre entre une classe (.maclasse) et un id (#monid) .
On peut utiliser indifféremment id et class, mais la différence principale est la suivante :
* Un id s’applique à un seul objet : il ne peut pas y avoir deux id du même nom dans une page.
* une classe peut désigner plusieurs objets identiques de meme classe dans une même page.
Il est par exemple possible d’avoir ce code dans la css :
.maclasse {
font: bold 9pt Verdana, Aria, Helvetica, sans-serif;
color:#330000;
} et ce code dans la page html :
<div class="maclasse"></div>
<div class="maclasse"></div>Mais il n’est pas correct d’avoir ce code dans la css :
#monid {
font: bold 9pt Verdana, Aria, Helvetica, sans-serif;
color:#330000;
}
<div id="monid"></div>
<div id="monid"></div> L’id css ne doit désigner qu’un seul objet dans votre page.
Il vous est cependant possible de dupliquer les id (#monid1, #monid2 . . . ) mais chacun ne devra être utilisé qu’une seule fois dans votre page web.
Utilisez les id en priorité lorsque vous le pouvez et les class lorsque vous en avez besoin...