Uma classe CSS pode herdar uma ou mais outras classes

HTML e CSS não são idiomas de codificação. Ambos são idiomas de marcação. Os elementos HTML podem ter atributos de classe acessados ​​no CSS para fins de estilo. Essas aulas de CSS podem herdar uma ou mais outras aulas de CSS. Isso pode ser feito no “MENOS“, Uma extensão de linguagem CSS compatível com atraso, que significa folhas de estilo mais enxuto.

Este artigo descreverá como herdar uma ou mais classes CSS para uma classe CSS.

Uma aula em CSS pode herdar uma ou mais outras classes?

Uma aula no CSS pode herdar uma ou mais outras classes usando ferramentas como folhas de estilo mais enxuto. Oferece recursos adicionais que ajudam a desenvolver o aplicativo facilmente.

Para uma demonstração prática, confira o exemplo abaixo.

Html

Em html, adicione dois “”Elementos com as classes“seção" e "subseção”Respectivamente:

Seção

subseção

Saída

Crie uma folha de estilo menos.menosExtensão.

Criar estilo.menos arquivo

Primeiro, declare duas aulas de CSS, “estilo comum" e "pára”. Em seguida, aplique essas classes aos elementos HTML.

Classe de "estilo comum" de estilo

.Estilantes comuns
Background-Color: RGB (228, 225, 148);
borda: 5px RGB sólido (213, 213, 243);
preenchimento: 10px;
Size da fonte: 25px;
margem: 5px;
Largura: 500px;

O "estilo comum”A classe é estilizada com as seguintes propriedades CSS:

• ““cor de fundo”Determina a cor de fundo do elemento.
• ““fronteira”Acrescenta a fronteira do elemento.
• ““preenchimento”Adiciona espaço em torno do conteúdo do elemento.
• ““tamanho da fonte”Indica o tamanho da fonte.
• ““margem”Produz espaço ao redor do elemento.
• ““largura”Determina a amplitude do elemento.

Classe de estilo “para”

.pára
Fonte-família: Fantasia;
Size da fonte: 20px;
Cor: cinza;

Aqui:

• ““família de fontes”Ajusta o estilo da fonte.
• ““tamanho da fonte”Define o tamanho da fonte.
• ““cor”Define a cor da fonte.

Herdar a classe CSS

Na seção CSS abaixo, duas classes CSS são inerentes ao “seção" aula:

.seção
.pára;
.estilo comum;

Aqui, uma classe CSS, “estilo comum”É herdado para o“subseção" aula:

.Subseção
.estilo comum;

Saída

Dessa forma, a classe CSS pode herdar uma ou mais classes CSS.

Conclusão

A classe CSS pode herdar uma ou mais classes CSS usando ferramentas como menos. Para fazer isso, primeiro, crie um arquivo html. Especifique os elementos HTML dentro dele e atribua -lhes as classes. No arquivo menos, declare as classes com propriedades CSS. Para herdar estilos, especifique a classe dentro dos colchetes encaracolados da outra classe. Este post explicou como uma ou mais classes são herdadas por uma classe CSS.