Hvordan overskrive CSS -stil - HTML

CSS lar nettutviklere bruke forskjellige stiler, for eksempel "grense”,“vise”,“fontstil”,“grensestil”,“margin”,“polstring”, Og mange flere på nettsteder. Videre tillater det utviklerne å utføre denne oppgaven individuelt av HTML som oppretter hver webside. Brukerne kan style enhver eiendom til et element de allerede har stylet for å overskrive den eksisterende eiendommen.

Dette innlegget vil forklare metoden for å overskrive CSS -stilen.

Hvordan overskrive CSS -stil?

For å overskrive CSS -stilen, må du følge følgende instruksjoner.

Trinn 1: Lag en "div" -beholder

Opprinnelig lage en div -container ved hjelp av "div" stikkord. Sett deretter inn en "klasse”Attributt inne i Div åpningsmerket og tildel et spesifikt navn til klassen i henhold til krav.

Trinn 2: Lag en nestet “div” -beholder

Neste, få en annen nestet “div”Container med samme metode som nevnt i forrige trinn:

Trinn 3: Style Main Div Container

Få tilgang til Main Div Container ved hjelp av et klassenavn med en attributtvelger. For å gjøre det, har vi brukt “.hovedinnhold”:

.hovedinnhold
Margin: 40px 160px;
Border: 3px prikket grønn;
polstring: 30px;

Etter tilgang til Main DIV-beholderen, bruk de under-nevnte CSS-egenskapene:

• • “margin”Brukes for å spesifisere plassen utenfor elementet.
  • “grense”Legg til en grense rundt det definerte elementet.
  • “polstring”Brukes til å legge til plass inne i den definerte grensen.

Det resulterende bildet viser utdataene fra ovennevnte kodeblokk:

Trinn 4: Style Second “Div” Container

Få tilgang til Second Div Container med klassenavn og velger som “.Eksempelklasse”Og stil det som følger:

.Eksempelklasse
Høyde: 100px;
Bredde: 100px;
Bakgrunn: RGB (22, 221, 211);
Grense: 2px solid svart;

Her:

• • “høyde”Eiendom brukes til å sette høyden på elementet.
  • “bredde”Tildeler breddestørrelsen på elementet.
  • “bakgrunn”Angir en farge for elementets bakside i en definert grense.

Produksjon

Trinn 5: Få tilgang til nestede DIV -containere

Nå får du tilgang til den nestede div -beholderen og bruk "bakgrunn”Eiendom for å overskrive CSS -stilen:

.indre-div .Eksempelklasse
Bakgrunn: RGB (224, 72, 12);

Som et resultat, CSS “bakgrunn”Eiendom overskriver den første anvendte bakgrunnseiendommen:

Du har lært metoden for å overskrive CSS -stilen.

Konklusjon

For å overskrive CSS -stilen, oppretter du først en DIV -beholder med en "”Container. Neste, lag en nestet div container. Få tilgang til den første diven og bruk CSS -egenskapene. Etter det får du tilgang til den nestede diven og anvend den samme CSS -egenskapen som overskriver den eksisterende eiendommen. Denne opplæringen demonstrerte metoden for å overskrive CSS -stilen.