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