li ha il testo biancoPer 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.
Le tre regole sono equivalenti in quanto all'origine: sono tutti stili autore. Sono equivalenti in quanto a specificità: tutte sono definite a livello di elemento. Specificità 0-0-1.
Entra in gioco l'ultimo criterio di scelta: l'ordine in cui sono dichiarate: gli stili in linea prevalgono su quelli incorporati che a loro volta prevalgono su quelli collegati.
<li style="color: white;">Questo [...]</li>
li {color: green;} /* CSS collegato */
li {color: red;} /* CSS incorporato */
li {color: white;} /* CSS in linea */