Olá,
Sim, existe herança no css e ela funciona assim:
.texts{cor,fonte,alinhamento,bordaetc...}/** Herdando de .texts */.texts.text100{width:100px; }.texts.text150{width:150px; }
Mas, se você não quer colocar no class do seu componente texts text100 você pode fazer o seguinte:
.texts,.text100,.text150{cor,fonte,alinhamento,bordaetc...}/** Tem as propriedades definidas acima mais a que você esta defindo abaixo */.text100{width:100px; }.text150{width:150px; }
Desta forma você pode colocar no class do seu componente somente text100 ou text150.