मुझे एक बहुत बड़ी CSS फ़ाइल और एक HTML फ़ाइल मिली है। मैं यह जानना चाहूंगा कि HTML फ़ाइल प्रदर्शित करते समय किन नियमों का उपयोग नहीं किया जाता है। क्या इसके लिए उपकरण हैं?
CSS फ़ाइल कुछ वर्षों में विकसित हुई है और जो मुझे पता है कि किसी ने कभी भी इसमें से कुछ भी नहीं हटाया है - लोगों ने बार-बार नए ओवरराइडिंग नियम लिखे।
EDIT: यह डस्ट-मी चयनकर्ताओं या क्रोम के वेब पेज प्रदर्शन टूल का उपयोग करने का सुझाव दिया गया था । लेकिन वे दोनों चयनकर्ताओं के स्तर पर काम करते हैं, न कि व्यक्तिगत नियमों के आधार पर। मेरे पास बहुत सारे मामले हैं जहां एक चयनकर्ता के अंदर एक नियम हमेशा ओवरराइड होता है - और यही वह है जो मैं ज्यादातर से छुटकारा चाहता हूं। उदाहरण के लिए:
body { color: white; padding: 10em; }
h1 { color: black; }
p { color: black; }
...
ul { color: black; }मेरे HTML में सभी पाठ कुछ आवरण तत्व के अंदर हैं, इसलिए यह कभी भी सफेद नहीं होता है। bodyगद्दी हमेशा काम करती है, इसलिए निश्चित रूप से पूरे bodyचयनकर्ता को हटाया नहीं जा सकता। और मैं ऐसे बेकार नियमों से भी छुटकारा पाना चाहूंगा।
संपादित करें: और बेकार नियम का एक और मामला: जब यह किसी चीज को बिना बदले मौजूदा डुप्लिकेट करता है:
a { margin-left: 5px; color: blue; }
a:hover { margin-left: 5px; color: red; }मैं खुशी से दूसरे से छुटकारा पाऊँगा margin-left... फिर से मुझे लगता है कि उन उपकरणों को ऐसी चीजें नहीं मिलती हैं।
संपादित करें: मैं सभी उत्तरों की सराहना करता हूं, लेकिन दुख की बात है कि आपके द्वारा सुझाए गए उपकरण कोई उपयोगी सुझाव नहीं देते हैं। मैंने आपके उत्तरों को बढ़ा दिया है, लेकिन मैं एक ऐसे उपकरण की प्रतीक्षा करूँगा जो ऊपर बताए अनुसार चीजों को अधिक बारीक करता है।
धन्यवाद,