У меня есть огромный файл CSS и файл HTML. Я хотел бы узнать, какие правила не используются при отображении файла HTML. Есть ли инструменты для этого?
Файл CSS развивался в течение нескольких лет, и, насколько я знаю, никто ничего не удалял из него - люди просто снова и снова писали новые основные правила.
РЕДАКТИРОВАТЬ: было предложено использовать селекторы Dust-Me или инструмент производительности веб-страницы Chrome. Но они оба работают на уровне селекторов, а не на отдельных правилах. У меня есть много случаев, когда правило внутри селектора всегда переопределяется - и это то, от чего я в основном хочу избавиться. Например:
body { color: white; padding: 10em; }
h1 { color: black; }
p { color: black; }
...
ul { color: black; }
Весь текст в моем HTML находится внутри какого-то элемента-обертки, поэтому он никогда не бывает белым. bodyПадение всегда работает, поэтому, конечно, весь bodyселектор не может быть удален. И я бы тоже хотел избавиться от таких бесполезных правил.
РЕДАКТИРОВАТЬ: И еще один случай бесполезного правила: когда оно дублирует существующее, ничего не меняя:
a { margin-left: 5px; color: blue; }
a:hover { margin-left: 5px; color: red; }
Я бы с радостью избавился от второго margin-left... опять мне кажется, что эти инструменты не находят таких вещей.
РЕДАКТИРОВАТЬ: Я ценю все ответы, но, к сожалению, инструменты, которые вы предложили, не сделали никаких полезных предложений. Я проголосовал за ваши ответы, но я буду ждать инструмента, который делает вещи более детально, как указано выше.
Спасибо,