Ho un enorme file CSS e un file HTML. Vorrei scoprire quali regole non vengono utilizzate durante la visualizzazione di un file HTML. Ci sono strumenti per questo?
Il file CSS si è evoluto nel corso di pochi anni e da quello che so nessuno nessuno ha mai rimosso nulla da esso - le persone hanno appena scritto nuove regole imperative ancora e ancora.
EDIT: è stato suggerito di utilizzare i selettori Dust-Me o lo strumento di performance delle pagine Web di Chrome. Entrambi funzionano a livello di selettori e non di singole regole. Ho molti casi in cui una regola all'interno di un selettore viene sempre ignorata - e questo è ciò di cui mi voglio sbarazzare. Per esempio:
body { color: white; padding: 10em; }
h1 { color: black; }
p { color: black; }
...
ul { color: black; }Tutto il testo nel mio HTML è all'interno di un elemento wrapper, quindi non è mai bianco. bodyL 'imbottitura funziona sempre, quindi ovviamente bodynon è possibile rimuovere l'intero selettore. E vorrei sbarazzarmi anche di regole così inutili.
EDIT: E un altro caso di regola inutile: quando duplica uno esistente senza cambiare nulla:
a { margin-left: 5px; color: blue; }
a:hover { margin-left: 5px; color: red; }Mi sbarazzerei felicemente del secondo margin-left... di nuovo mi sembra che quegli strumenti non trovino queste cose.
EDIT: apprezzo tutte le risposte, ma purtroppo gli strumenti che hai suggerito non hanno dato suggerimenti utili. Ho valutato le tue risposte, ma aspetterò uno strumento che fa le cose in modo più granulare, come sopra specificato.
Grazie,