Può una classe CSS ereditare una o più altre classi

HTML e CSS non sono linguaggi di codifica. Entrambi sono lingue di markup. Gli elementi HTML possono avere gli attributi di classe accessibili in CSS per scopi di styling. Queste classi CSS possono ereditare una o più altre classi CSS. Questo può essere fatto in "MENO“, Un'estensione del linguaggio CSS compatibile con arretramento, che sta per fogli di stile più snello.

Questo articolo descriverà come ereditare una o più classi CSS a una classe CSS.

Può una classe in CSS ereditare una o più altre classi?

Una classe in CSS può ereditare una o più altre classi che utilizzano strumenti come fogli di stile più magri. Offre funzionalità aggiuntive che aiutano a sviluppare facilmente l'applicazione.

Per una dimostrazione pratica, dai un'occhiata all'esempio di seguito.

Html

In HTML, aggiungi due ""Elementi con le classi"sezione" E "sottosezione"Rispettivamente:

Sezione

sottosezione

Produzione

Crea un foglio di stile meno aggiungendo il ".meno"Estensione.

Crea stile.meno file

Innanzitutto, dichiara due classi CSS, "stili comuni" E "parà". Quindi, applica queste classi sugli elementi HTML.

Classe "Common-Styles" Style

.stili comuni
Background-color: RGB (228, 225, 148);
Bordo: 5px Solid RGB (213, 213, 243);
imbottitura: 10px;
Font-size: 25px;
Margine: 5px;
larghezza: 500px;

IL "stili comuni"La classe è disegnata con le seguenti proprietà CSS:

• "colore di sfondo"Determina il colore di sfondo dell'elemento.
• "confine"Aggiunge il bordo dell'elemento.
• "imbottitura"Aggiunge spazio attorno al contenuto dell'elemento.
• "dimensione del font"Indica la dimensione del carattere.
• "margine"Produce spazio attorno all'elemento.
• "larghezza"Determina l'ampiezza dell'elemento.

Classe "para" di stile

.parà
Font-Family: Fantasy;
Font-size: 20px;
Colore: grigio;

Qui:

• "famiglia di font"Regola lo stile del carattere.
• "dimensione del font"Imposta la dimensione del carattere.
• "colore"Imposta il colore del carattere.

Ereditare la classe CSS

Nella sezione CSS seguente, due classi CSS sono inerenti al "sezione" classe:

.sezione
.parà;
.stili comuni;

Qui, una classe CSS, "stili comuni"È ereditato al"sottosezione" classe:

.sottosezione
.stili comuni;

Produzione

In questo modo, la classe CSS può ereditare una o più lezioni CSS.

Conclusione

La classe CSS può ereditare una o più classi CSS utilizzando strumenti come meno. Per fare ciò, prima, crea un file HTML. Specificare gli elementi HTML al suo interno e assegnare loro le classi. Nel file meno, dichiarare le classi con le proprietà CSS. Per ereditare gli stili, specificare la classe all'interno delle staffe ricci dell'altra classe. Questo post ha spiegato come una o più lezioni sono ereditate da una classe CSS.