Comment puis-je remplacer les styles en ligne par des CSS externes ?

Question

J'ai un balisage qui utilise des styles en ligne, mais je n'ai pas accès à la modification de ce balisage. Comment puis-je remplacer les styles en ligne dans un document en utilisant uniquement les CSS ? Je ne veux pas utiliser jQuery ou JavaScript.

HTML :

<div style="font-size: 18px; color: red;">
    Hello World, How Can I Change The Color To Blue?
</div>

CSS :

div {
   color: blue; 
   /* This Isn't Working */
}

Answer 1

!important après votre déclaration CSS.

div {
   color: blue !important; 

   /* This Is Now Working */
}

Answer 2

div {
 color : blue !important;
}

<div style="color : red">
  hello
</div>