salut,

J'ai un truc là, mais c'est un poil confus dans ma tête vue que je suis pas sur de comprendre ce qui ce passe

voulant mettre mon site le plus à jour possible, g changé certain "class" par des "id" pour les "div" décrivant des objets uniques. voici un ex du nouveau code CSS:

#gauche {
   border:0;
   position:absolute;
   left:0px;
   width:220px;
   margin:0;
   padding-left:3px;
   }

#gauche p{
   text-align:left;
   color: #000;
   padding:1px;
   width: 214px;
   background-color:#CCCC99;
   position: relative;
   top:0px;
   margin:0;
   }

p.g2{
   text-align:left;
   color:#000;
   padding:1px;
   width:214px;
   border:0;
   background-color:#ffffcc;
   position:relative;
   top:0px;
   margin:0;
   }

Le problème apparait lorsque j'utilise dans le même <div id="gauche"> <p> et <p class="g2">. La class g2 n'est pas  reconnue. J'ai l'impression que le fait d'avoir utilisé la syntaxe id="" au lieu de class="" pour le div empèche toute autre forme pour P, notemment class="g2".
J'en conclue que id prime et s'impose au class! Ou quelque chose comme ça..

Qu'en est-il? Si j'ai vu juste comment le contourner sans être oligé de remettre des "class" dans tout les éléments du code html!

Enfin je me demande si ma question vous parait clair . des fois je m'effraye moi-même...

Merci

Comme le dit Willy, l'id est prioritaire sur la classe. Les règles appliquées à l'id sont donc appliquées APRES celles de la class.

Ton "class g2" est donc appliqué, mais écrasé par le "#truc p" pour toutes les proriétés communes aux 2.

NB : Ton "#truc p" signifie "TOUS les éléments p se trouvant dans l'élément d'id truc", ce qui inclut ceux qui sont de classe g2.

Nan suffit de bien réfléchir avant à la structure