class in class laden

.include_klasse {
     color: red;
     font-weight: bold;
}

.klasse_waar_geinclude_wordt {
     .include_klasse; //Hier wordt de bovenstaande klasse ingevoegd
     text-align: right; // extra elementen
}

.include_klasse {
     color: red;
     font-weight: bold;
}
 
.klasse_waar_geinclude_wordt {
     .include_klasse; //Hier wordt de bovenstaande klasse ingevoegd
     text-align: right; // extra elementen
}

<style>
#eendiv{
    /*opmaak*/
    border:solid 1px red
}

#eendiv .element{
    /* extra opmaak*/
    color:red;
}
</style>


<div id="eenDiv">
  ik ben een <span class="element">elementje</span>, cool he
</div>

<style>
#eendiv{
    /*opmaak*/
    border:solid 1px red
}
 
#eendiv .element{
    /* extra opmaak*/
    color:red;
}
</style>
 
 
<div id="eenDiv">
  ik ben een <span class="element">elementje</span>, cool he
</div>