Trovatore di selettori CSS non utilizzati
Confronta un foglio di stile con una pagina HTML ed elenca i selettori che non corrispondono a nulla.
Trovatore di selettori CSS non utilizzati
Incolla un foglio di stile da un lato e l'HTML che stila dall'altro, e questo strumento elenca ogni selettore che non corrisponde a un singolo elemento sulla pagina. È un modo rapido per individuare regole morte lasciate dopo un restyling, l'eliminazione di un componente, o mesi di CSS copiato e incollato — il tipo di gonfiore che è tedioso da cercare a occhio nudo in un file con centinaia di regole.
"Ignora pseudo-classi e pseudo-elementi" confronta una regola come .button:hover come semplice .button, poiché uno snapshot HTML statico non può mostrare lo stato hover o focus; lascialo disattivato e lo strumento controlla quelli che può fare in sicurezza — first-child, last-child, nth-child e not — rispetto alla posizione reale di ogni elemento. "Ignora selettori corrispondenti" accetta un'espressione regolare, o un frammento di testo semplice come fallback, per escludere le classi che uno script attiva in fase di esecuzione, come qualsiasi cosa che inizia con js- o is-active, quindi non vengono mai segnalate come morte. "Mostra classi/ID HTML senza regola CSS" inverte il confronto, utile per rilevare errori di battitura nei nomi delle classi. "Includi selettori dentro @media" controlla le regole di media query allo stesso modo del resto del foglio, o le salta quando è disattivato. Cambia l'output a "CSS pulito" per ottenere il foglio di stile senza nessuna regola non utilizzata.
Il confronto viene eseguito rispetto alla struttura HTML così come scritta — il markup iniettato da uno script dopo il caricamento della pagina non è nello snapshot incollato, quindi verifica prima di eliminare una regola. I selettori combinati con virgole vengono controllati singolarmente, quindi una regola che copre due classi alla volta viene rimossa solo una volta confermato che entrambe non sono utilizzate.
Tutto accade nel tuo browser: il CSS e l'HTML che incolla non vengono mai caricati da nessuna parte. Copia il risultato, scaricalo come file .txt, oppure rimandalo direttamente all'input per eseguire un'altra passata.