ฉันมีไฟล์ CSS และไฟล์ HTML ขนาดใหญ่ ฉันต้องการทราบว่ากฎใดที่ไม่ได้ใช้ในขณะที่แสดงไฟล์ HTML มีเครื่องมือสำหรับสิ่งนี้หรือไม่?
ไฟล์ CSS มีการพัฒนาในช่วงไม่กี่ปีที่ผ่านมาและจากสิ่งที่ฉันรู้ว่าไม่มีใครได้ลบอะไรออกไปจากมัน - ผู้คนเพิ่งเขียนกฎการเอาชนะใหม่ครั้งแล้วครั้งเล่า
แก้ไข: แนะนำให้ใช้ตัวเลือก Dust-Meหรือเครื่องมือประสิทธิภาพเว็บเพจของ Chrome แต่พวกเขาทั้งคู่ทำงานในระดับของตัวเลือกและไม่ใช่กฎแต่ละข้อ ฉันมีหลายกรณีที่กฎในตัวเลือกถูกแทนที่อยู่เสมอ - และนี่คือสิ่งที่ฉันต้องการกำจัดส่วนใหญ่ ตัวอย่างเช่น:
body { color: white; padding: 10em; }
h1 { color: black; }
p { color: black; }
...
ul { color: black; }
ข้อความทั้งหมดใน HTML ของฉันอยู่ในองค์ประกอบของ wrapper ดังนั้นจึงไม่เป็นสีขาว bodyการเติมเต็มจะใช้งานได้เสมอดังนั้นจึงbodyไม่สามารถลบตัวเลือกทั้งหมดได้ และฉันก็ต้องการกำจัดกฎไร้ประโยชน์เช่นนี้ด้วย
แก้ไข: และอีกกรณีของการปกครองที่ไร้ประโยชน์: เมื่อมันซ้ำกับที่มีอยู่โดยไม่ต้องเปลี่ยนอะไร
a { margin-left: 5px; color: blue; }
a:hover { margin-left: 5px; color: red; }
ฉันมีความสุขที่จะกำจัดที่สองmargin-left... อีกครั้งสำหรับฉันดูเหมือนว่าเครื่องมือเหล่านั้นไม่พบสิ่งดังกล่าว
แก้ไข: ฉันขอขอบคุณคำตอบทั้งหมด แต่เครื่องมือที่คุณแนะนำน่าเศร้าไม่ได้ให้คำแนะนำที่เป็นประโยชน์ ฉันยกระดับคำตอบของคุณ แต่ฉันจะรอเครื่องมือที่ทำสิ่งต่าง ๆ อย่างละเอียดมากขึ้นตามที่ระบุไว้ข้างต้น
ขอขอบคุณ,