Lavorando al CSS di un sito internet, ho avuto la necessità di fare un override di una regola contenuta nel foglio di stile principale utilizzando i tag <style>.

Dichiarare semplicemente la nuova regola nel documento non era sufficiente, poiché era quest’ultima ad essere sovrascritta dal foglio di stile principale e non viceversa. Una soluzione potrebbe essere definire delle classi in modo appropriato (regole specifiche sovrascrivono sempre le classi), tuttavia se gran parte del sito è già stato preparato potrebbe essere scomodo andare a ridefinire le classi degli elementi se l’override è necessario su una singola pagina. Una ricerca ha però rivelato che esiste un modo molto semplice per forzare l’override: basta aggiungere la stringa !important alla regola. Ad esempio:

<style>
div#content img {
width:200px !important;
}
</style>

In questo modo ogni altra regola che imposta la larghezza delle immagini contenute nel <div> verrà sovrascritta con la nuova regola. In teoria bisognerebbe evitare di utilizzare questo metodo, poiché formalmente e stilisticamente non troppo corretto, ma… funziona 😉

Post correlati

Offrimi un caffè!

Ti è piaciuto l'articolo? Le informazioni che hai letto ti sono state utili?
Clicca sulla tazza per offrimi un caffè e supportare questo blog!