Hvordan søke !viktig ved bruk av CSS

Det er en regel brukt med CSS for å gi betydning for en bestemt CSS -egenskap, og det kalles "!viktig" regel. Når en “!viktig”Regel eksisterer i koden i CSS -stilelementet, den dominerer over alle andre egenskaper ved å prioritere samlingen av den egenskapen og overstyrer effekten av alle de andre egenskapene i det elementet.

“!viktig”Regel i CSS har den høyeste forrang blant alle erklærte egenskaper, utføres alle de andre egenskapene etter det. Imidlertid "!viktig”Regel kan ikke fungere ordentlig noen ganger når den brukes flere steder i samme element.

Påføring !Viktig regel

La oss skrive en eksempelkode for å forstå virkningen av den viktige regelen i stylingen av et HTML -dokument:

Dette er den første setningen

Dette er andre setning

Dette er tredje setning

Påføring !Viktig regel for en eiendom

• Legg til "!viktig”Regel i en av egenskapene ved å bare skrive“viktig”Med et utropstegn på høyre side av eiendommen.
• Det skal ikke være noen semikolon mellom eiendommen og "!viktig”Regel fordi en semikolon alltid avslutter en uttalelse. Så semikolonet bør plasseres etter å ha skrevet “!viktig”.

Et enkelt eksempel for å legge til den viktige regelen til en CSS -egenskap er:

.MyClass bakgrunnsfarge: blå;
#Myid bakgrunnsfarge: grønn;
P bakgrunnsfarge: oransje !viktig;

I ovennevnte kodebit er det "!viktig”Skrevet med en eiendom som definerer bakgrunnsfargen”oransje”. Denne egenskapen vil overstyre egenskapene som definerer bakgrunnsfargene som grønne og blå og vil sette fargen på bakgrunnen til alle setningene i utgangen som oransje.

Dette vil generere følgende utgangsgrensesnitt:

Uten !Viktig regel
Hvis vi fjerner den viktige regelen, vil resultatet være helt annerledes, ettersom alle egenskapene vil fungere uten å overstyre hverandre:

.MyClass bakgrunnsfarge: blå;
#Myid bakgrunnsfarge: grønn;
P bakgrunnsfarge: oransje;

Den vil stille bakgrunnsfargene som blå, grønn og oransje med sekvensen som den som er spesifisert gjennom HTML -kodeutdraget. Resultatet generert gjennom dette vil være følgende:

Dette oppsummerer metoden for å anvende den viktige regelen ved hjelp av CSS.

Konklusjon

CSS “!viktig”Regel gir større betydning til en eiendom når den prioriterer eiendommen og overstyrer alle de andre egenskapene som er spesifisert for et element. “!viktig”Regel brukes på en CSS -egenskap ved ganske enkelt å skrive”viktig" med en "!”(Utropstegn) etter CSS -eiendommen før Semicolon. Denne artikkelen forklarte godt hvordan du bruker !Viktig regel ved bruk av CSS.