[RESOLVIDO] Herança css

Front-end
#1

Boa tarde!

Seria possível criar herança dentro do css?

pensei em algo assim no css.

.texts{
  cor, fonte, alinhamento, borda etc...

}

e os demais herdando tipo

.text100 extends .texts{
   width: 100px;
}


.text150 extends .texts{
   width: 150px;
}

.
.
.

Obrigado.

#2

Olá,
Sim, existe herança no css e ela funciona assim:

     .texts{  
           cor, fonte, alinhamento, borda etc...  
  
      }  

     /** 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, borda etc...  
  
      }  

     /** 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.

Abraço!

#3

OBRIGADO

#4