5 colonnes identiques sauf pour la couleur de fond

ntclick
Les bases HTML/CSS

bonjour

j'ai organisé une page avec 5 colonnes identique pour tout les paramètres (largeur - marge à gauche - police ...) - tous ces paramètres sont décrit dans un fichier CSS - la division DIVCOL est décrite une seule fois dans le fichier CSS mais est présente 5 fois dans le fichier HTML

par contre la couleur de fond doit être différente selon la colonne - il ne me semble pas possible de la définir dans le fichier CSS - j'aimerais me tromper mais il me semble que je dois la définir 5 fois dans le fichier HTML

qu'en pensez-vous ? quelle est l'instruction pour indiquer le fond dans HTML et où placer cette instruction dans la ligne de code ?

2 réponses

betaWeb

Salut,

tu peux définir une classe spécifique par couleur de fond (ex. .blue-background { background-color: blue; }) et l'attribuer à chacun de tes blocs :)

Benjamin Derepas

Essais ça : 

.divcol{
 margin, padding, float etc
}
.divcol:nth-child(1){background:red;}
.divcol:nth-child(2){background:blue;}
.divcol:nth-child(3){background:pink;}