Como uma Classe de estilo CSS pode Herdar de outra Classe

.estilo1, .estilo2{
    color : red;
    font-size : 12px;
}

.estilo2{
    font-family : Arial;
    position : relative
}

Mas sugiro que pesquise por OOCSS e pre-processadores como SASS e LESS assim que dominar o básico de CSS. Um ex. bem básico de como poderíamos fazer isso com SASS:

=default-text
    font-size : 12px
    color      : #565656

.estilo1
    +default-text

.estilo2
    +default-text
    font-family : Arial
    position     : relative

Para responder essa pergunta devemos colocar em prática nosso conhecimento sobre Computação Gráfica.

Uma classe de estilo CSS não pode herdar propriedades de outra, ou seja, cada classe deve ter suas próprias características. No caso do exemplo, para que a classe .estilo2 tenha todas as propriedades da classe .estilo1 deve ser definido no próprio elemento, por exemplo:

<div class="estilo1, estilo2">

Conteúdo

</div>

Dessa maneira, o elemento “Conteúdo” vai obter todos os estilos da classe .estilo1 e também da classe .estilo2.

Portanto, uma classe CSS herdar propriedades de outra classe CSS não é possível, mas podemos atribuir duas ou mais classes para um mesmo elemento.

Para responder essa pergunta devemos colocar em prática nosso conhecimento sobre Computação Gráfica.

Uma classe de estilo CSS não pode herdar propriedades de outra, ou seja, cada classe deve ter suas próprias características. No caso do exemplo, para que a classe .estilo2 tenha todas as propriedades da classe .estilo1 deve ser definido no próprio elemento, por exemplo:

<div class="estilo1, estilo2">

Conteúdo

</div>

Dessa maneira, o elemento “Conteúdo” vai obter todos os estilos da classe .estilo1 e também da classe .estilo2.

Portanto, uma classe CSS herdar propriedades de outra classe CSS não é possível, mas podemos atribuir duas ou mais classes para um mesmo elemento.