Saya punya file CSS besar dan file HTML. Saya ingin mengetahui aturan mana yang tidak digunakan saat menampilkan file HTML. Apakah ada alat untuk ini?
File CSS telah berevolusi selama beberapa tahun dan dari apa yang saya tahu tidak ada yang pernah menghapus apa pun darinya - orang hanya menulis aturan baru yang berulang-ulang.
EDIT: Disarankan untuk menggunakan Dust-Me Selectors atau alat Kinerja Halaman Web Chrome. Tetapi keduanya bekerja pada level penyeleksi, dan bukan aturan individual. Saya punya banyak kasus di mana aturan di dalam pemilih selalu ditimpa - dan inilah yang paling ingin saya singkirkan. Sebagai contoh:
body { color: white; padding: 10em; }
h1 { color: black; }
p { color: black; }
...
ul { color: black; }Semua teks dalam HTML saya ada di dalam beberapa elemen pembungkus, jadi tidak pernah putih. bodyPadding selalu berfungsi, jadi tentu saja seluruh bodypemilih tidak dapat dilepas. Dan saya juga ingin menyingkirkan peraturan yang tidak berguna itu.
EDIT: Dan kasus lain dari aturan tidak berguna: ketika itu menduplikasi yang sudah ada tanpa mengubah apa pun:
a { margin-left: 5px; color: blue; }
a:hover { margin-left: 5px; color: red; }Saya akan dengan senang hati menyingkirkan yang kedua margin-left... sekali lagi bagi saya alat itu tidak menemukan hal-hal seperti itu.
EDIT: Saya menghargai semua jawaban, tetapi sayangnya alat yang Anda sarankan tidak membuat saran yang berguna. Saya memutakhirkan jawaban Anda, tetapi saya akan menunggu alat yang melakukan hal-hal yang lebih terperinci, seperti yang ditentukan di atas.
Terima kasih,