Come sovrascrivere lo stile CSS - HTML

CSS consente agli sviluppatori Web di applicare vari stili, come "confine","Schermo","stile carattere","stile del bordo","margine","imbottitura"E molti altri su siti Web. Inoltre, consente agli sviluppatori di condurre questa attività individualmente dell'HTML che crea ogni pagina web. Gli utenti possono modellare qualsiasi proprietà a un elemento che hanno già disegnato per sovrascrivere la proprietà esistente.

Questo post spiegherà il metodo per sovrascrivere lo stile CSS.

Come sovrascrivere lo stile CSS?

Per sovrascrivere lo stile CSS, è necessario seguire le seguenti istruzioni.

Passaggio 1: crea un contenitore "div"

Inizialmente, crea un contenitore div con l'aiuto di "div"Tag. Quindi, inserire un “classe"Attributo all'interno del tag di apertura DIV e allocare un nome specifico alla classe secondo requisito.

Passaggio 2: creare un contenitore "div" nidificato

Successivamente, fare un altro nidificato "div"Container con lo stesso metodo menzionato nel passaggio precedente:

Passaggio 3: contenitore Style Main Div

Accedi al contenitore di div principale con l'aiuto di un nome di classe con un selettore di attributi. Per farlo, abbiamo utilizzato ".contenuto principale":

.contenuto principale
Margine: 40px 160px;
Border: 3px punteggiato di verde;
imbottitura: 30px;

Dopo aver acceduto al contenitore DAV principale, applicare le proprietà CSS di seguito:

• • "margine"È utilizzato per specificare lo spazio al di fuori dell'elemento.
  • "confine"Aggiungi un limite attorno all'elemento definito.
  • "imbottitura"Viene utilizzato per aggiungere spazio all'interno del confine definito.

L'immagine risultante mostra l'output del blocco di codice sopra:

Passaggio 4: Stile Secondo contenitore "div"

Ora accedi al secondo contenitore di div con nome e selettore di classe come ".Classe di esempio"E modellalo come segue:

.Classe di esempio
Altezza: 100px;
larghezza: 100px;
Background: RGB (22, 221, 211);
Bordo: 2px Black solido;

Qui:

• • "altezza"La proprietà viene utilizzata per impostare l'altezza dell'elemento.
  • "larghezza"Assegna la dimensione della larghezza dell'elemento.
  • "sfondo"Specifica un colore per la parte posteriore dell'elemento in un confine definito.

Produzione

Passaggio 5: Accesso ai contenitori di div

Ora accedi al contenitore di div nidificato e utilizza il "sfondo"Proprietà per sovrascrivere lo stile CSS:

.interno-div .Classe di esempio
Background: RGB (224, 72, 12);

Di conseguenza, il CSS "sfondo"La proprietà sovrascrive la prima proprietà in background applicato:

Hai imparato il metodo per sovrascrivere lo stile CSS.

Conclusione

Per sovrascrivere lo stile CSS, in primo luogo, creare un contenitore div con ""Container. Successivamente, crea un contenitore di div nidificato. Quindi, accedi al primo div e applica le proprietà CSS. Successivamente, accedi al Div nidificato e applica la stessa proprietà CSS che sovrascrive la proprietà esistente. Questo tutorial ha dimostrato il metodo per sovrascrivere lo stile CSS.