CSS -klasser og underklasser
I HTML brukes forskjellige attributter til å identifisere elementet unikt, for eksempel "klasse”Og“id" attributter. Du kan også tilordne mer enn ett navn til en klasse i et element eller lage underklasser inne i elementene. Disse brukes stort sett for å peke på en annen klasse i et stilark. Mer spesifikt hjelper CSS -klasser og underklasser med å definere en gruppe HTML -elementer for å bruke unik formatering og styling på de valgte elementene ved hjelp av egenskapene.
Denne bloggen vil demonstrere:
- Hva er CSS -klasser og underklasser?
- Hvordan få tilgang til CSS -klasse og underklasser?
Hva er CSS -klasser og underklasser?
En CSS “klasse”Er et attributt brukt for å spesifisere en samling av HTML -elementer slik at spesifikke stiler og formatering kan brukes på alle disse komponentene. Når brukere oppdager eller utvikler gjenbrukbare designmønstre som kobles til en foreldreklasse, kan en annen klasse enkelt opprettes ved å bruke begrepet "underklasse”. Etter det kan du flytte og gjenbruke ting flere steder uten å forstyrre stiler eller endre velgerne ved hjelp av underklasser i stedet for velgerne.
Hvordan få tilgang til CSS -klasser og underklasser?
Følg den nedenfor angitte prosedyren for å få tilgang til CSS -klasser og underklasser.
Trinn 1: Lag en "div" -beholder
Først må du lage en "div”Container ved hjelp av“”Element. Deretter legger du til en "klasse”Attributt i Div åpningsmerket og tilordne et bestemt navn til klassen.
Trinn 2: Lag en tabell
Neste, bruk " Produksjon Trinn 3: Lag en annen div container Lag nå en annen DIV -beholder og legg til en klasse ved å følge den samme metoden. Trinn 4: Lag et annet bord Bruk “ Produksjon Trinn 5: Stil “Main-Div” -klasse Få tilgang til hovedklasseattributtet og bruk de nedenfor-listede egenskapene: Her: Trinn 6: Stilklasse og underklasse I dette uttalte trinnet får du tilgang til både hovedklassen og underklassen ved hjelp av deres navn og attributtvelger som ".Main-div”Og“.innhold”: Etter tilgang til klassen og underklassen, bruk "farge”Eiendom for å sette fargen til den ekstra teksten. Produksjon Trinn 7: Stil “Second-Div” -klasse Få tilgang til den andre hovedklassen ved å bruke den samme prosedyren til hoveddiven: Deretter bruker du “grense”Og“margin”Egenskaper til det. Trinn 8: Stil "innhold" underklasse Få tilgang til den andre underklassen og bruk "farge”CSS -egenskap for å spesifisere fargen til lagt til tekst: Det kan legges merke til at CSS -klassene og deres relevante underklasser er stylet med hell: Det handlet om bruken av CSS -klasser og underklasser. Konklusjon For å få tilgang til CSS -klasser og underklasser, oppretter du først en DIV -beholder ved hjelp av "”Og sett inn en klasse med et spesifikt navn. Lag deretter et annet element mellom beholderen, da vi har laget et bord ved å bruke "”Tag for å lage et bord. Også tilordne en klasse inne i
Tag, kjent som underklassen. Lag deretter rader i tabellen ved hjelp av "
”Og bruk“ ”For å legge til tabelldataene: Linuxhint er en britisk basert organisasjon. Linuxhint på nettstedet beste opplæringen ”Tag for å lage en annen tag:
TSL jobber for Linuxhint Ltd UK TSL er den beste Content Creators -organisasjonen .Main-div
grense: 3px solid RGB (240, 38, 2);
Margin: 10px 100px;
.Main-div .innhold
Farge: RGB (8, 12, 240);.andre-div
Grense: 3px solid blå;
Margin: 10px 100px;.andre-div .innhold
Farge: RGB (27, 240, 7);”Merk og legg til en klasse inne i tabellmerket med et bestemt navn. Etter det er tilgangsklasse og underklasse i CSS og bruker CSS -egenskaper for styling. Dette innlegget har uttalt om CSS -klasser og underklasser.