NeoSkills    Info Libre   Spip.net   spip-contrib    Web Hosting
upstairs

Stop Spam Harvesters, Join Project Honey Pot   
La différence entre une classe et un id ?

découvrir XHTML / CSS

La différence entre une classe et un id ?

le jeudi 7 juillet 2005


 
Popularité de l'article :
11%

A suivre, une petite explication de la différence entre une classe ( .maclasse ) et un id ( #monid ) dans une css.

Quelle est la différence entre une classe et un id ?

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...



       

Mots-clés



RUBRIQUES


XHTML/CSS


habillage.css


VI