Astuce : overrider les css inline

[kursus]

Bonjour à tous,

Voici une petite astuce que j'ai trouvé sur Css Tricks permettant de surcharger les styles inline que l'on peut parfois retrouver dans des extensions mal codées.

Bien sûr c'est plus un hack qu'autre chose, et la bonne pratique voudrait qu'on élimine directement le style inline dans le template en question plutôt que de la surcharger, mais au cas où ce n'est pas possible :

Il suffit d'utiliser le sélecteur [style] accompagné de !important.

Ainsi,

<div style="background: red;">
</div>

sera surchargé par :

div[style] {
background: yellow !important;
}

[lomart]

Re : Astuce : overrider les css inline

Astuce très intéressante.
On pense donner du poids à une règle en ajoutant des éléments devant, mais jamais derrière