Come sovrascrivere !importante?

Durante lo styling dei siti Web, gli sviluppatori possono applicare varie dichiarazioni CSS a uno o più elementi. In questo scenario, il browser determina quale dichiarazione è la più importante per un elemento. Di solito, l'uso di "!importante"Viene evitato in quanto interferisce con la solita cascata dello Stylesheet e complica la risoluzione dei problemi. Tuttavia, può essere utilizzato e sovrascritto quando necessario. Quando due dichiarazioni lungo un !Regola importante conflitto con lo stesso elemento, viene utilizzata la dichiarazione con il più alto livello di specificità.

Questo tutorial esaminerà:

• Cosa è sovraccarico !importante?
• Metodo 1: come sovrascrivere !Importante in HTML?
• Metodo 2: come sovrascrivere !Importante in CSS?

Cosa è sovraccarico !importante?

È un CSS "!importante"Regola che viene utilizzata per enfatizzare una proprietà o il suo valore pertinente più del normale. Questa regola prevale in tutte le regole di stile precedenti per quella particolare proprietà su quell'elemento quando applicata.

Come sovrascrivere !Importante in HTML?

Per utilizzare la sovraccarico !Proprietà importante, guarda le istruzioni fornite.

Passaggio 1: crea un contenitore div

Inizialmente, crea un contenitore div con l'aiuto di "". Quindi, inserisci un attributo di classe e imposta un nome specifico in base alle tue preferenze.

Passaggio 2: creare un div nidificato

Successivamente, crea un div nidificato o figlio tra il primo ""Tag. Poi:

• Aggiungi il "id" E "classe"Elementi con un nome particolare in base alla tua preferenza.
• Inserire il "stile"Attribuire e allocare un valore particolare a questo. Ad esempio, "colore di sfondo"Imposterà il colore di sfondo del contenitore creato.
• Anche, "!importante"Il valore viene utilizzato per il prevalente:

Linuxhint è uno dei migliori tutorial

Produzione

Come sovrascrivere !Importante in CSS?

Per sovrascrivere "!importante"In CSS, seguire le istruzioni dichiarate.

Passaggio 1: Aggiungi contenitori di diviezze nidificate

Crea il primo contenitore all'interno del primo e crea un altro contenitore utilizzando la stessa procedura menzionata nella sezione sopra. Poi aggiungi "classe" E "id"Attributi con i nomi specifici:

Linuxhint è uno dei migliori tutorial

Produzione

Passaggio 2: applicare !Importante per la classe Div principale

Accedi alla classe Div principale utilizzando il ".Main-Div"E applica le proprietà CSS elencate di seguito:

.main-div
Font-size: 30px;
margine-top: 20%;
Testo-align: centro;
Colore: #0f0ff1;
Font-weight: audace;
Background-color: RGB (6, 166, 240) !importante;

Qui:

• "dimensione del font"La proprietà viene utilizzata per specificare la dimensione del carattere.
• "margine-top"Aggiunge uno spazio nella parte superiore all'esterno dell'elemento.
• "allineamento"È utilizzato per l'impostazione dell'allineamento del testo nell'elemento definito.
• "colore"La proprietà definisce il colore del testo all'interno dell'elemento.
• "Font-peso"La proprietà viene utilizzata per mostrare come si possono visualizzare alfabeti sottili o spessi nel testo.
• "colore di sfondo"Viene utilizzato per impostare il colore sul retro dell'elemento.

Passaggio 3: applicare !Importante per la classe e l'ID principale

Ora, accedi all'attributo di classe del primo contenitore Div e all'attributo ID del secondo contenitore Div:

Div [Main-Div],
Div [content-id]
Background-color: RGB (230, 230, 11) !importante;

Quindi, applica il "colore di sfondo"Proprietà e"!importante" regola. Sostituirà il colore di sfondo sopra applicato.

Produzione

Si trattava di sovrascrivere il !Proprietà importante in CSS.

Conclusione

Sovraccaricare !importante, l'utente può utilizzare il "!importante"Regola con gli attributi in HTML e anche usa le proprietà CSS. Ad esempio, accedi al div principale e applica il "!importanteRegola sulla "colore di sfondo". Quindi, accedi a entrambi i contenitori Div e si applicano di nuovo !Regola importante sulla stessa proprietà. Di conseguenza, il secondo applicato "!IMPORTANTE "La regola prevale sulla prima. Questo post ha dimostrato il metodo per sovrascrivere !Importante in HTML e CSS.