Hvordan overstyre !viktig?

Mens du styler nettstedene, kan utviklere bruke forskjellige CSS -erklæringer på ett eller flere elementer. I dette scenariet bestemmer nettleseren hvilken erklæring som er den viktigste for et element. Vanligvis bruken av “!viktig”Unngås når det forstyrrer stilarkets vanlige kaskade og kompliserer feilsøking. Imidlertid kan det brukes og overstyres når det er nødvendig. Når to erklæringer langs en !Viktig regel konflikt med det samme elementet, erklæringen med det høyeste nivået av spesifisitet brukes.

Denne opplæringen vil undersøke:

• Hva er overstyring !viktig?
• Metode 1: Hvordan overstyre !Viktig i HTML?
• Metode 2: Hvordan overstyre !viktig i CSS?

Hva er overstyring !viktig?

Det er en CSS “!viktig”Regel som brukes til å understreke en eiendom eller dens relevante verdi mer enn normalt. Denne regelen overstyrer alle tidligere stilregler for den aktuelle egenskapen på det elementet når den brukes.

Hvordan overstyre !Viktig i HTML?

For å bruke overstyringen !Viktig eiendom, se på de gitte instruksjonene.

Trinn 1: Lag en div container

Opprinnelig lage en div -container ved hjelp av “”. Sett deretter inn en klasseattributt og angi et spesifikt navn i henhold til dine preferanser.

Trinn 2: Lag en nestet div

Deretter kan du lage en nestet eller barnediv mellom den første "" stikkord. Deretter:

• Legg til "id”Og“klasse”Elementer med et bestemt navn i henhold til din preferanse.
• Sett inn “stil”Attributt og tildele en bestemt verdi til dette. For eksempel, "bakgrunnsfarge”Vil stille bakgrunnsfargen på den opprettede beholderen.
• Også, "!viktig”Verdien brukes til å overstyre:

Linuxhint er en av nettstedet Top Tutorials

Produksjon

Hvordan overstyre !viktig i CSS?

Å overstyre “!viktig”I CSS, følg de uttalte instruksjonene.

Trinn 1: Legg til nestede divbeholdere

Lag den første beholderen inne i den første og lag en annen beholder ved å bruke den samme prosedyren som er nevnt i ovennevnte avsnitt. Legg så til "klasse”Og“id”Attributter med de spesifikke navnene:

Linuxhint er en av nettstedet Top Tutorials

Produksjon

Trinn 2: Bruk !Viktig for Main Div -klassen

Få tilgang til hovedklassen ved å bruke “.Main-div”Og bruk CSS -egenskapene som er oppført nedenfor:

.Main-div
Font-størrelse: 30px;
Margin-topp: 20%;
tekst-align: sentrum;
Farge: #0f0ff1;
Fontvekt: fet;
Bakgrunnsfarge: RGB (6, 166, 240) !viktig;

Her:

• “skriftstørrelse”Eiendom brukes til å spesifisere størrelsen på skriften.
• “margin-topp”Legger til et rom på toppen utenfor elementet.
• “Tekstalign”Brukes for å stille inn justering av teksten i det definerte elementet.
• “farge”Eiendom definerer tekstfargen inne i elementet.
• “Fontvekt”Eiendom brukes til å vise hvor tynne eller tykke alfabet i teksten kan vises.
• “bakgrunnsfarge”Brukes til å sette fargen på baksiden av elementet.

Trinn 3: Bruk !viktig for Main Div -klassen og ID

Få tilgang til klasseattributtet til First Div Container og ID -attributtet til Second Div Container:

div [main-div],
div [content-id]
Bakgrunnsfarge: RGB (230, 230, 11) !viktig;

Deretter bruker du “bakgrunnsfarge”Eiendom og“!viktig" regel. Det vil overstyre den ovennevnte bakgrunnsfargen.

Produksjon

Det handlet om å overstyre !Viktig eiendom i CSS.

Konklusjon

Å overstyre !viktig, brukeren kan bruke "!viktig”Regel med attributtene i HTML og bruk også CSS -egenskapene. Få tilgang til hoveddiven og bruk for eksempel “!viktig”Regel om“bakgrunnsfarge”. Deretter får du tilgang til begge DIV -containere og påfør igjen !Viktig regel om samme eiendom. Som et resultat gjaldt det andre “!viktig ”regel overstyrer den første. Dette innlegget demonstrerte metoden for å overstyre !viktig i både HTML og CSS.