Achtergrondkleur module afhankelijk van gekozen menuitem

[Melo Drama]

Ik heb voor een module in mijn custom.css de class kleur" gemaakt welke er zo uitziet:

Code: Select all

.kleur { background-color: #B52108 !important!

Daarnaast heb ik de drie menuitems Een, Twee en Drie aangemaakt welke ik alle drie een eigen achtergrondkleur zou willen geven. Hoe zou dit dan in de custom.css aangegeven moeten worden?

Zoiets als dit? (maar dan wel werkend :-) )

Code: Select all

.kleur een { background-color: #FF0000 !important! }
.kleur twee { background-color: #0000FF !important! }
.kleur drie { background-color: #FF00FF !important! }

[Melo Drama]

Oei, niemand?

[hvdmeer]

Ik zou eens dit proberen:
.kleur-een
.kleur-twee
.kleur-drie

Maar ik doe vrijwel nooit wat in CSS.