Nieuw lid |
|
Ik had in CSS graag een klasse gemaakt op basis van een andere klasse die reeds afgeleid is van een hoofdklasse div.
In volgend voorbeeld wil ik eerst een klasse maken voor de hoofdiv(vb. klasse hoofddiv). Daarnaast wil ik ook een hoofdklasse(moederdiv) maken waar ik de 3 andere DIV's van afleidt. Het is namelijk stom om 3x(en is in mijn voorbeeld meer dan 3x nodig) dezelfde code te zetten. Ik zou daarna klasses 1, 2 en 3 van moederdiv afleiden.
Ik probeerde al met:
div{padding: 10px;color: green; text-transform: uppercase;}
div.hoofddiv{width: 100%; height: 100%;}
div.moederdiv{border: 2px solid green; width: 100px; height: 100px;}
div.moderdiv.1{background-color: red;}
Probleem is dat hij 1 gewoon van div afleidt en niet van div.moederdiv. Iemand een idee hoe dit te fixen?
Vb:
<div> //HOOFD MET ALLE INHOUD
<div class="1">1</div> // ROOD, groene rand, 400px hoog, 200px lang
<div class="2">2</div> // BLAUW, groene rand, 400px hoog, 200px lang
<div class="3">3</div> // GEEL, groene rand, 400px hoog, 200px lang
</div>
</div>
|