Wyszukiwarka nieużywanego CSS
Porównaj arkusz stylów CSS z kodem HTML i znajdź selektory, które nigdzie się nie stosują.
Wyszukiwarka nieużywanego CSS
Wklej arkusz stylów CSS na jedną stronę i HTML, które stylizuje, na drugą stronę, a to narzędzie pokaże ci każdy selektor, który nie pasuje do żadnego elementu na stronie. To szybki sposób na znalezienie martwych reguł pozostawionych po przeprojektowaniu, usuniętym komponencie lub miesiącach skopiowanego CSS — dokładnie tego rodzaju zbyteczny kod, który jest nudny do wyszukiwania wzrokiem w pliku ze sto regułami.
Opcja "Ignoruj pseudo-klasy i pseudo-elementy" porównuje regułę jak .button:hover jako zwykłe .button, ponieważ statyczny snímek HTML nie może pokazać stanu hover lub focus; wyłącz ją, a narzędzie sprawdzi te, które może bezpiecznie — first-child, last-child, nth-child i not — w stosunku do rzeczywistej pozycji każdego elementu. "Ignoruj selektory pasujące do wzoru" przyjmuje wyrażenie regularne lub zwykły tekst, aby wykluczyć klasy, które skrypt zmienia w czasie rzeczywistym, takie jak coś zaczynającego się od js- lub is-active, aby nigdy nie były oznaczane jako martwe. "Pokaż klasy/ID z HTML bez reguły CSS" odwraca porównanie, co jest przydatne do łapania literówek w nazwach klas. "Uwzględnij selektory w @media" sprawdza reguły w media query tak samo jak reszta arkusza stylów lub je pomija, gdy jest wyłączone. Przełącz wynik na "Wyczyszczone CSS", aby uzyskać arkusz stylów CSS z powrotem bez każdej nieużywanej reguły.
Porównanie odbywa się względem struktury HTML, jak jest napisana — znaczniki wstrzykiwane przez skrypt po załadowaniu strony nie znajdują się w wklejonym snímku, więc dokładnie sprawdź przed usunięciem reguły. Selektory połączone przecinkami są sprawdzane indywidualnie, więc reguła obejmująca dwie klasy naraz jest usuwana tylko wtedy, gdy oba są potwierdzone jako nieużywane.
Wszystko dzieje się w Twojej przeglądarce: CSS i HTML, które wklejasz, nigdy nie opuszczają Twojego urządzenia. Skopiuj wynik, pobierz go jako plik .txt lub wyślij go z powrotem do wejścia, aby uruchomić kolejny przebieg.