Çok büyük bir CSS dosyam ve bir HTML dosyam var. Bir HTML dosyasını görüntülerken hangi kuralların kullanılmadığını öğrenmek istiyorum. Bunun için araçlar var mı?
CSS dosyası birkaç yıl içinde gelişti ve bildiğim kadarıyla hiç kimse ondan bir şey kaldırmadı - insanlar tekrar tekrar yeni geçersiz kılma kuralları yazdı.
EDIT: Dust-Me Seçicileri veya Chrome'un Web Sayfası Performansı aracını kullanmanız önerildi . Ancak her ikisi de bireysel kurallar üzerinde değil, seçiciler düzeyinde çalışırlar. Bir seçicinin içindeki bir kuralın her zaman geçersiz kılındığı birçok durumum var - ve çoğunlukla kurtulmak istediğim şey bu. Örneğin:
body { color: white; padding: 10em; }
h1 { color: black; }
p { color: black; }
...
ul { color: black; }
HTML'imdeki tüm metin bazı sarmalayıcı öğelerin içindedir, bu yüzden asla beyaz değildir. body
'nin dolgusu her zaman çalışır, bu yüzden elbette tüm body
seçici çıkarılamaz. Ben de bu işe yaramaz kurallardan kurtulmak istiyorum.
EDIT: Ve başka bir işe yaramaz kural örneği: varolan birini hiçbir şey değiştirmeden çoğaltır:
a { margin-left: 5px; color: blue; }
a:hover { margin-left: 5px; color: red; }
Mutlu bir şekilde ikinciden kurtulurdum margin-left
... yine bana öyle geliyor ki bu araçlar böyle şeyler bulamıyor.
EDIT: Tüm cevapları takdir ediyorum, ancak ne yazık ki önerdiğiniz araçlar yararlı bir öneri yapmadı. Yanıtlarınızı iptal ettim, ancak yukarıda belirtildiği gibi işleri daha ayrıntılı yapan bir araç bekleyeceğim.
Teşekkür ederim,