28172 sujets

CSS et mise en forme, CSS3

[résolu]Bonne pratique pour les couleurs

Bonjour à tous,

Voila je souhaiterais trouver une solution pour la gestion des couleur en css.

Je m'explique : je vais avoir un code couleur pour quelques unes des pages d'un site.
Par exemple certaine couleur arrière-plan sur des div vont changer.

J'ai un div id="bloc" avec plein de paramètres et je souhaite juste changer la couleur d'arrière plan.

Auparavant je faisait un id="bloc-bleu" et un autre id="bloc-rouge", mais je me demande si je ne peut pas faire mieux.

Est-ce qu'on peut mettre deux styles sur une balise,( je sais que ça ne marche pas), mais dans de genre <div id="bloc" id="bleu">

merci d'avance à ceux qui me répondrons!!
Merci ! très très intéressant !

Alors dans mon cas, est ce que le mieux c'est ça ? :

#bloc{plein de choses}
#bloc[att=bleu] {background-color:bleu;}
#bloc[att=rouge] {background-color:rouge;}

Est-ce que c'est ça ?

Remarque bien vu aussi!! je vais le corriger !
(je laisse les couleurs dans mon exemple pour que ce soit plus facile à lire)
Tu peux utiliser un id sur le body par type de page : 


<body id="home">

<div id="blocachanger">
...
</div>


</body>





<body id="actualite">

<div id="blocachanger">
...
</div>


</body>




#blocachanger {}
/*pour la homepage*/
#home #blocachanger {}
/*pour la page actualité*/
#actualite #blocachanger {}


Etc.
Modifié par Patidou (09 Sep 2010 - 14:07)
excellent !
En plus je peux changer facilement le "blockachanger" mais aussi les h et tout et tout

cool ! merci beaucoup pour ces réponses !
Modifié par 46west (09 Sep 2010 - 14:21)
46west a écrit :
Alors dans mon cas, est ce que le mieux c'est ça ? :

#bloc{plein de choses}
#bloc[att=bleu] {background-color:bleu;}
#bloc[att=rouge] {background-color:rouge;}

Une bonne pratique consiste à éviter de donner aux attributs des valeurs reflétant une forme ou une couleur (id="bleu" ou class="rouge", par exemple). Cf. cet article du W3C.
Sujet clos
Aller à