Guide / CSS — fogli di stile / Specificità e cascade
Specificità e cascade
Peso dei selettori e origine delle regole.
La specificità confronta quanto un selettore è "preciso": id > classe/attributo/pseudo-classe > tipo/pseudo-elemento. !important vince su tutto tranne altre dichiarazioni con !important nella stessa origine.
Ordine cascade: user agent, user, author, poi ordine di apparizione; le regole più specifiche battono quelle meno specifiche se hanno la stessa origine.
Esempio
/* #nav .link batte .link se entrambe applicabili */
#nav .link { color: navy; }
.link { color: gray; }