Tôi đã có một tệp CSS lớn và một tệp HTML. Tôi muốn tìm hiểu những quy tắc nào không được sử dụng trong khi hiển thị tệp HTML. Có công cụ nào cho việc này không?
Tệp CSS đã phát triển trong vài năm và từ những gì tôi biết không ai từng xóa bất cứ thứ gì khỏi nó - mọi người chỉ cần viết lại các quy tắc ghi đè mới.
EDIT: Chúng tôi khuyên bạn nên sử dụng Công cụ chọn Dust-Me hoặc Công cụ hiệu suất trang web của Chrome. Nhưng cả hai đều hoạt động ở cấp độ của bộ chọn, và không phải là quy tắc riêng lẻ. Tôi đã có rất nhiều trường hợp trong đó một quy tắc bên trong bộ chọn luôn bị ghi đè - và đây là điều mà tôi hầu như muốn loại bỏ. Ví dụ:
body { color: white; padding: 10em; }
h1 { color: black; }
p { color: black; }
...
ul { color: black; }Tất cả văn bản trong HTML của tôi nằm trong một số phần tử trình bao bọc, vì vậy nó không bao giờ có màu trắng. bodyPhần đệm luôn hoạt động, do đó, tất nhiên toàn bộ bộ bodychọn không thể được gỡ bỏ. Và tôi cũng muốn thoát khỏi những quy tắc vô dụng như vậy.
EDIT: Và một trường hợp khác của quy tắc vô dụng: khi nó sao chép quy tắc hiện có mà không thay đổi bất cứ điều gì:
a { margin-left: 5px; color: blue; }
a:hover { margin-left: 5px; color: red; }Tôi rất vui khi thoát khỏi lần thứ hai margin-left... một lần nữa đối với tôi, những công cụ đó không tìm thấy những thứ như vậy.
EDIT: Tôi đánh giá cao tất cả các câu trả lời, nhưng thật đáng buồn là các công cụ bạn đề xuất không đưa ra bất kỳ đề xuất hữu ích nào. Tôi nêu lên câu trả lời của bạn, nhưng tôi sẽ chờ một công cụ thực hiện mọi thứ chi tiết hơn, như được chỉ định ở trên.
Cảm ơn bạn,