Kan en CSS -klasse arve en eller flere andre klasser

HTML og CSS er ikke kodingsspråk. De er begge markeringsspråk. HTML -elementene kan ha klasseattributter tilgjengelig i CSS for stylingformål. Disse CSS -klassene kan arve en eller flere andre CSS -klasser. Dette kan gjøres i “MINDRE“En bakoverkompatibel CSS-språkutvidelse, som står for slankere stilark.

Denne oppskrivningen vil beskrive hvordan man arver en eller flere CSS-klasser til en CSS-klasse.

Kan en klasse i CSS arve en eller flere andre klasser?

En klasse i CSS kan arve en eller flere andre klasser ved hjelp av verktøy som slankere stilark. Det tilbyr tilleggsfunksjoner som hjelper deg med å utvikle applikasjonen enkelt.

For en praktisk demonstrasjon, sjekk ut eksemplet nedenfor.

Html

I HTML, legg til to “”Elementer med klassene”seksjon”Og“underavsnitt”Henholdsvis:

Seksjon

underavsnitt

Produksjon

Lag et mindre stilark ved å legge til “.mindre" Utvidelse.

Skape stil.mindre fil

Først må du erklære to CSS -klasser, “vanlige stiler”Og“para”. Bruk deretter disse klassene på HTML -elementene.

Stil "vanlig stil" -klasse

.vanlige stiler
bakgrunnsfarge: RGB (228, 225, 148);
Grense: 5px Solid RGB (213, 213, 243);
polstring: 10px;
Font-størrelse: 25px;
Margin: 5px;
Bredde: 500px;

“vanlige stiler”Klasse er stylet med følgende CSS -egenskaper:

• “bakgrunnsfarge”Bestemmer elementets bakgrunnsfarge.
• “grense”Legger til elementets grense.
• “polstring”Legger til plass rundt elementets innhold.
• “skriftstørrelse”Indikerer skriftstørrelsen.
• “margin”Produserer plass rundt elementet.
• “bredde”Bestemmer elementets bredde.

Stil “para” -klasse

.para
Font-family: Fantasy;
Font-størrelse: 20px;
Farge: grå;

Her:

• “Font-familie”Justerer skriftstilen.
• “skriftstørrelse”Angir skriftstørrelsen.
• “farge”Angir fontens farge.

Arver CSS -klasse

I CSS -delen nedenfor er to CSS -klasser iboende av "seksjon”Klasse:

.seksjon
.para;
.vanlige stiler;

Her en CSS -klasse, “vanlige stiler”Er arvet til“underavsnitt”Klasse:

.underavsnitt
.vanlige stiler;

Produksjon

På denne måten kan CSS -klassen arve en eller flere CSS -klasser.

Konklusjon

CSS -klassen kan arve en eller flere CSS -klasser ved å bruke verktøy som mindre. For å gjøre det, først, oppretter en HTML -fil. Spesifiser HTML -elementene i det og tilordne dem klassene. I den mindre filen, erklær klassene med CSS -egenskaper. For å arve stiler, spesifiser klassen i de krøllete parentesene i den andre klassen. Dette innlegget har forklart hvordan en eller flere klasser arves av en CSS -klasse.