Come applicare !importante usando CSS

C'è una regola usata con CSS per aggiungere importanza a una particolare proprietà CSS ed è chiamata "!importante" regola. Quando un "!importante"La regola esiste nel codice nell'elemento in stile CSS, domina su tutte le altre proprietà dando la priorità alla compilazione di quella proprietà e prevalga l'effetto di tutte le altre proprietà in quell'elemento.

IL "!importante"La regola in CSS prende la massima precedenza tra tutte le proprietà dichiarate, tutte le altre proprietà eseguono dopo di ciò. Comunque, il "!importante"La regola potrebbe non funzionare correttamente a volte quando viene utilizzata in più punti nello stesso elemento.

Applicazione !Regola importante

Scriviamo un codice di esempio per comprendere l'impatto dell'importante regola nello stile di un documento HTML:

Questa è la prima frase

Questa è la seconda frase

Questa è la terza frase

Applicazione !Regola importante per una proprietà

• Aggiungi il "!importante"Regola in una delle proprietà semplicemente scrivendo"importante"Con un segno esclamativo sul lato destro della proprietà.
• Non dovrebbe esserci un punto e virgola tra la proprietà e il "!importante"Regola perché un punto e virgola finisce sempre una dichiarazione. Quindi, il punto e virgola dovrebbe essere posizionato dopo aver scritto "!importante".

Un semplice esempio per aggiungere la regola importante a una proprietà CSS è:

.myclass background-color: blu;
#myid background-color: verde;
p sfondo: arancione !importante;

Nel frammento di codice sopra, c'è "!importante"Scritto con una proprietà che definisce il colore di sfondo"arancia". Questa proprietà sovrascriverà le proprietà che definiscono i colori di sfondo come verde e blu e imposterà il colore dello sfondo di tutte le frasi nell'output come arancione.

Questo genererà la seguente interfaccia di output:

Senza il !Regola importante
Ora, se rimuoviamo la regola importante, il risultato sarà completamente diverso in quanto tutte le proprietà funzionano senza prevalere a vicenda:

.myclass background-color: blu;
#myid background-color: verde;
p sfondo: arancione;

Imposterà i colori di sfondo come blu, verde e arancione con la sequenza come quello specificato attraverso lo snippet del codice HTML. Il risultato generato attraverso questo sarà il seguente:

Ciò riassume il metodo per applicare l'importante regola usando CSS.

Conclusione

Il CSS "!importante"La regola aggiunge maggiore importanza a una proprietà in quanto dà la priorità alla proprietà e sovrascrive tutte le altre proprietà specificate per un elemento. IL "!importante"La regola viene applicata a una proprietà CSS semplicemente digitando"importante" con un "!"(Mark esclamativo) dopo la proprietà CSS prima del punto e virgola. Questo articolo ha spiegato bene come applicare il !Regola importante usando CSS.