Pronalazač neiskorištenih CSS selektora

Pronalazač neiskorištenih CSS selektora

Zalijepi stilsku datoteku s jedne strane i HTML koji ona stilizira s druge, a ovaj alat će nabrojati svaki selektor koji se ne podudara ni s jednim elementom na stranici. To je brz način da pronađeš neaktivna pravila koja su ostala nakon redizajna, uklanjanja komponente ili mjeseci kopiranje-i-lijepljenja CSS-a — vrstu nakupljanja koje je dosadno tražiti sam po sebi u datoteci s stotinama pravila.

Auto-ignoriraj pseudo-klase i pseudo-elemente uspoređuje pravilo poput .button:hover kao običan .button, jer statična HTML snimka ne može prikazati stanja hover ili focus; ostavite ga isključenim i alat će provjeriti one koje sigurno može — first-child, last-child, nth-child i not — prema stvarnoj poziciji svakog elementa. Ignoriraj selektore koji se podudaraju prima regularni izraz, ili obični tekstualni fragment kao fallback, kako bi se isključile klase koje skripta uključuje u runtime, poput bilo čega što počinje s js- ili is-active, tako da se nikad ne označavaju kao neaktivne. Prikaži HTML klase/ID-ove bez CSS pravila preokreće usporedbu, što je korisno za hvatanje tipfelera u nazivima klasa. Uključi selektore unutar @media provjerava pravila media query na isti način kao ostatak datoteke, ili ih preskače kada je isključeno. Prebacite izlaz na Očišćeni CSS kako bi dobili stilsku datoteku s svakim neiskorištenim pravilom izbrisanim.

Usporedba se provodi prema HTML strukturi kako je napisana — oznaka ubacjena skriptom nakon učitavanja stranice nije u zalijepljenom snimku, tako da dvostruko provjerite prije brisanja pravila. Selektori kombinirani zarezima se provjeravaju pojedinačno, tako da se pravilo koje obuhvaća dvije klase odjednom uklanja samo kad se obje potvrde kao neiskorištene.

Sve se dešava u vašem pregledniku: CSS i HTML koji zalijepiš se nikad nigdje ne uploadaju. Kopiraj rezultat, preuzmi ga kao .txt datoteku, ili ga pošalji direktno u ulaz kako bi pokrenuo još jedan prolaz.

FAQ