Tutorial CSS – Direttiva !Important

autore dell'articolo Andrea Leti - commenti a: Tutorial CSS – Direttiva !Important 0 - Articoli simili li trovi in: CSS

Tutorial CSS – Direttiva !Important

Come utilizzare !important

Indipendentemente dalla specificità del selettore, singole dichiarazioni possono assumere la massima priorità se seguite da ” !important ” (senza virgolette). Vediamo uno stralcio di codice:

p {
background: #f1f1f1  !important;
color: #000000;
}
p#selettore {
background: #EEE;
color: #000;
}

La dichiarazione riguardante la proprietà background della prima regola sovrascrive in ogni caso quella della seconda regola ( indipendentemente dal peso del selettore e/o dall’ordine di comparsa delle due regole), poichè la dichiarazione della prima regola contiene appunto la direttiva !

important. Si noti che la direttiva !important deve trovarsi sempre dopo il valore associato e quindi prima del punto e virgola ; che separa le varie dichiarazioni. Quando due o più dichiarazioni con direttiva !important entrano in conflitto, il browser solitamente tiene conto anche della specificità del selettore dando ” causa vinta ” al selettore che ritiene innocente :D .

Tenete sempre presente che ogni browser per quanto simile agli altri assume sempre un comportamento leggermente diverso e decisamente caratteristico del browser stesso.

 


Lascia un commento




Vuoi anche tu un avatar per i Blog Wordpress? Vai su Gravatar.com!
E' facile, veloce, Intuitivo! Personalizza i tuoi commenti! Fatti riconoscere!

ULTIMI ARTICOLI IN CSS

Il box model css – Css Zoom Il box model css – Css Zoom

Il box model è forse l’aspetto più importante dei css. Vediamo come è strutturato e come l’antipatico browser Internet explorer lo interpreta.

Come creare una cornice ad una foto con i CSS Come creare una cornice ad una foto con i CSS

Creare una cornice alle foto è sempre oggetto di discussione nei vari forum di grafica e webdesign di tutto il mondo, oggi lo facciamo con i CSS :)

Cambiare opacità degli oggetti con CSS3 Cambiare opacità degli oggetti con CSS3

Con le nuove specifiche CSS3 si può giocare con l’opacità degli oggetti rendendoli cosi semitrasmarenti a nostro piacimento. Vediamo come.

Utilizzare   font personali con i CSS3 Utilizzare font personali con i CSS3

Le specifiche CSS3 rendono il web davvero diverso e sempre più personalizzabile! Con le nuove, specifiche infatti si può giocare con l’opacità degli oggetti rendendoli cosi semitrasmarenti a nostro piacimento. Per utilizzare questo effetto CSS3 dobbiamo ricorrere alla regola opacity. Che ve lo dico a fare questo effetto css3 non funziona su Internet Explorer se [...]

Ombra sui testi con text-shadow CSS Ombra sui testi con text-shadow CSS

Con l’avvento dei CSS3, anche se non sempre supportati bene da tutti i browser, uno fra tutti Internet Explorer, le possibilità di personalizzazione dei siti web a dispodizione dei webdesigner è aumentata notevolmente. Spesso scrivere una determinata frase o headline con quel font che ci piace tanto ci ha portati ad utilizzare una immagine. Grazie [...]

CATEGORIE DEL BLOG

guadagna scrivendo su andrealeti.it

LINK DA NON PERDERE

AndreaLetiTube il canale dei tutorial

Andrea Leti - Chi sono - Portfolio - Google Sitemap - Blog Policy - Licenza Creative Commons - torna su Torna Su