Une classe CSS peut-elle hériter d'une ou plusieurs autres classes

HTML et CSS ne sont pas des langues codantes. Ce sont tous les deux des langues de balisage. Les éléments HTML peuvent avoir des attributs de classe accessibles dans CSS à des fins de style. Ces classes CSS peuvent hériter d'un ou plusieurs autres cours CSS. Cela peut être fait dans le «MOINS«, Une extension de langue CSS compatible en arrière, qui signifie des feuilles de style plus maigres.

Cet article décrira comment hériter d'une ou plusieurs classes CSS à une classe CSS.

Une classe en CSS peut-elle hériter d'une ou plusieurs autres classes?

Une classe dans CSS peut hériter d'une ou plusieurs autres classes à l'aide d'outils tels que des feuilles de style maigres. Il offre des fonctionnalités supplémentaires qui aident à développer facilement l'application.

Pour une démonstration pratique, consultez l'exemple ci-dessous.

Html

Dans HTML, ajoutez deux ""Éléments avec les cours"section" et "sous-section" respectivement:

Section

sous-section

Sortir

Créez une feuille de style moins en ajoutant le «.moins" extension.

Créer un style.Moins de fichiers

Tout d'abord, déclarez deux cours CSS, «style commun" et "para". Ensuite, appliquez ces classes aux éléments HTML.

Classe de style «style commun»

.styles communs
Color en arrière-plan: RVB (228, 225, 148);
Border: 5px RVB solide (213, 213, 243);
rembourrage: 10px;
taille de police: 25px;
marge: 5px;
Largeur: 500px;

Le "style commun«La classe est stylée avec les propriétés CSS suivantes:

• "Couleur de l'arrière plan»Détermine la couleur d'arrière-plan de l'élément.
• "frontière"Ajoute la bordure de l'élément.
• "rembourrage"Ajoute de l'espace autour du contenu de l'élément.
• "taille de police»Indique la taille de la police.
• "marge»Produit de l'espace autour de l'élément.
• "largeur»Détermine l'étendue de l'élément.

Classe de style «para»

.para
Font-Family: Fantasy;
taille de police: 20px;
couleur: gris;

Ici:

• "famille de polices”Ajuste le style de police.
• "taille de police»Définit la taille de la police.
• "couleur"Définit la couleur de la police.

Classe CSS hérite

Dans la section CSS ci-dessous, deux classes CSS sont inhérentes au «section" classe:

.section
.para;
.styles communs;

Ici, une classe CSS, "style commun"Est hérité du"sous-section" classe:

.sous-section
.styles communs;

Sortir

De cette façon, la classe CSS peut hériter d'une ou plusieurs classes CSS.

Conclusion

La classe CSS peut hériter d'une ou plusieurs classes CSS à l'aide d'outils tels que moins. Pour ce faire, créez d'abord un fichier HTML. Spécifiez les éléments HTML à l'intérieur et attribuez-leur les classes. Dans le fichier moins, déclarer les classes aux propriétés CSS. Pour hériter des styles, spécifiez la classe dans les supports bouclés de l'autre classe. Ce message a expliqué comment une ou plusieurs classes sont héritées par une classe CSS.