Strumenti per gli sviluppatori di Chrome: come scoprire cosa sta scavalcando una regola CSS?

Bene, questo è piuttosto semplice. Se gli Strumenti per sviluppatori di Chrome mi mostrano che uno stile è ignorato, come vedere quale regola CSS lo sta sovrascrivendo?

Voglio sapere se esiste qualcosa del tipo "Mostrami cosa ignora questo" .

OBS: Per favore, non indicarmi Firebug.

Utilizza il pannello Stile calcolato della finestra di ispezione degli elementi. Espandi la proprietà di interesse per visualizzare l'elenco delle regole applicabili e quale ha vinto.

Puoi semplicemente guardare quelli con lo stesso nome che non sono cancellati, ricordare che l'elenco è importante.

Oppure puoi visualizzare gli stili calcolati. Saranno gli stili effettivamente applicati.

crtrl + shift + c e ispeziona l'elemento. Quindi trova lo stile senza una linea attraverso di esso, nella casella nell'angolo in basso a destra.

l'override è nella maggior parte dei casi nella parte superiore (e senza una linea che lo attraversa, poiché questo stile è quello "vincente").