!importantli ha il testo rossoPer questo esempio abbiamo definito tre regole diverse per l'elemento <li>: la prima in un foglio esterno, la seconda in un foglio incorporato con l'elemento <style>, l'ultima tramite l'attributo style direttamente all'interno del tag HTML.
In base al meccanismo della cascata dovrebbe prevalere lo stile in linea e il testo dovrebbe essere bianco. Ma avendo assegnato alla regola presente nello stile incorporato la parola chiave !important, essa prevale su tutte.
<li style="color: white;">Questo [...]</li>
li {color: green;} /* CSS collegato */
li {color: red !important;} /* CSS incorporato */
li {color: white;} /* CSS in linea */