CSS : class ou id

CSS : class ou id - HTML/CSS - Programmation

Marsh Posté le 03-11-2006 à 17:24:30    

Bonjour !
 
Je me perds un peu à savoir quand utiliser "class" ou "id" pour les CSS.
Les nombreux exemples que j'ai consultés ne m'ont guère permis de capter une quelconque cohérence.
Y a-t-il des standards établis en cette matière ?
 
Merci à tous !

Reply

Marsh Posté le 03-11-2006 à 17:24:30   

Reply

Marsh Posté le 03-11-2006 à 17:30:08    

ID : Unique
Class : Pas unique
 
Un header c'est unique.
Un paragraphe ne l'est vraissemblablement pas.

Reply

Marsh Posté le 03-11-2006 à 17:42:25    

en sachant qu un id bien placé evite la creation de classes plus ou moins utiles
 
HTML
 
<div>
<h2 class="h2">un titre</h2>
<p class="paragraphe">et la un super paragraphe plein de trucs interressants<span class="span">des mots a mettre en valeur</span>
<img class="image" /></p>
</div>
 
CSS
 
.h2 {taktak;}
.paragraphe {blabla;}
.span {blabla;}
.image {blabla;}
 
 
 
ca pourrait se simplifier en
 
HTML
 
<div id="division">
<p>blabla<span>truc</span><img />
</div>
 
et en CSS
 
#division p {blabla}
#division h2 ...
#division img ...
 
donc un id bien placé permet d eviter de rendre ton code inutilement lourd en creant des classes inutiles
en general il suffit de quelques id pour faire toute la css de ton site
apres au cas par cas tu peux rajouter quelques classes
mais sinon un code plein de centaines de classes diverses et souvent bien inutiles c est sale


---------------
« The enemy is the gramophone mind, whether or not one agrees with the record that is being played at the moment. » — George Orwell
Reply

Marsh Posté le 03-11-2006 à 17:43:23    

ca marcherait aussi avec une class .division ;)

Reply

Marsh Posté le 03-11-2006 à 17:47:41    

0x90 a écrit :

ca marcherait aussi avec une class .division ;)


 
 
oui mais la ca rejoint la reponse de dwogsi a savoir si ladite division est unique ou pas :P


---------------
« The enemy is the gramophone mind, whether or not one agrees with the record that is being played at the moment. » — George Orwell
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed