Mam ogromny plik CSS i plik HTML. Chciałbym dowiedzieć się, które reguły nie są używane podczas wyświetlania pliku HTML. Czy są na to narzędzia?
Plik CSS ewoluował przez kilka lat i z tego, co wiem, nikt nigdy niczego z niego nie usunął - ludzie ciągle pisali nowe, nadrzędne zasady.
EDYCJA: Sugerowano użycie Selektorów Dust-Me lub narzędzia wydajności strony internetowej Chrome. Ale oba działają na poziomie selektorów, a nie na poszczególnych zasadach. Mam wiele przypadków, w których reguła w selektorze jest zawsze nadpisywana - i tego właśnie najbardziej chcę się pozbyć. Na przykład:
body { color: white; padding: 10em; }
h1 { color: black; }
p { color: black; }
...
ul { color: black; }Cały tekst w moim HTML jest wewnątrz jakiegoś elementu opakowania, więc nigdy nie jest biały. bodyWypełnienie zawsze działa, więc oczywiście bodynie można usunąć całego selektora. Chciałbym też pozbyć się tak bezużytecznych zasad.
EDYCJA: I kolejny przypadek bezużytecznej reguły: gdy powiela istniejącą, nie zmieniając niczego:
a { margin-left: 5px; color: blue; }
a:hover { margin-left: 5px; color: red; }Z radością pozbyłbym się drugiego margin-left... znowu wydaje mi się, że te narzędzia nie znajdują takich rzeczy.
EDYCJA: Doceniam wszystkie odpowiedzi, ale niestety narzędzia, które zasugerowałeś, nie przyniosły żadnych użytecznych sugestii. Poparłem twoje odpowiedzi, ale poczekam na narzędzie, które robi wszystko bardziej szczegółowo, jak określono powyżej.
Dziękuję Ci,