2015-09-08 13 views
8

"खाली rulesets का प्रयोग न करें" मैं HTML और सीएसएस के लिए दृश्य स्टूडियो कोड का उपयोग किया गया। मुझे एक त्रुटि मिलती है जो वेबसाइट को खराब नहीं करती है, लेकिन मैं इसके बारे में और जानना चाहूंगा। जब मैं HTML में किसी आईडी के लिए स्टाइल पर होवर करता हूं, तो एक बॉक्स पॉप अप करता है और कहता है। "रिक्त नियमों का प्रयोग न करें"।दृश्य स्टूडियो कोड सीएसएस त्रुटि

किसी को भी "खाली rulesets" के बारे में अधिक जानकारी प्रदान करते हैं और इसका कारण बताएं दृश्य स्टूडियो संहिता (या किसी अन्य संपादक) एक खाली नियम-सेट के बारे में चेतावनी हैं कर सकते हैं?

+2

आप पूछ रहे हैं क्या है कि संदेश का अर्थ है, या क्यों संहिता खाली rulesets नापसंद करने लगता है? – BoltClock

उत्तर

17

सीएसएस में, एक ruleset बुनियादी निर्माण घटक है कि एक स्टाइलशीट बनाने में से एक है:

.example { 
    font-size: 1.25rem; 
    color: red; 
} 

एक खाली नियम-सेट एक किसी भी संपत्ति घोषणाओं नहीं है, बस एक चयनकर्ता है:

#id { 
} 

आप ध्यान दें के रूप में, इन नियमों किसी दस्तावेज़ के प्रतिपादन पर कोई असर नहीं है, लेकिन some browsers will consume them जब सीएसएस का मूल्यांकन केवल वहाँ कुछ भी नहीं लगता है। प्रदर्शन junkies इस तरह के किसी भी अनावश्यक ओवरहेड से घृणा करते हैं, इसलिए स्वच्छता के लिए उन्हें साफ़ करना बेहतर होता है। वास्तव में, सीएसएस लिंट के पास विशेष रूप से खाली नियमों के खिलाफ एक नियम है, और कोड केवल नियमों के उसी सेट के साथ अपने सीएसएस ऑन-द-फ्लाई को लिफ्ट कर रहा है।

हालांकि, खाली rulesets ऐसे this one जैसी कुछ ब्राउज़र कीड़े के आसपास काम कर में उपयोगी हो सकता है। ऐसी परिस्थितियों में, खाली नियमों को हटाने से वास्तव में पृष्ठ प्रतिपादन पर प्रतिकूल प्रभाव पड़ते हैं, इसलिए उन्हें वहां छोड़ दिया जाना चाहिए, आदर्श रूप से उनके उद्देश्य को दस्तावेज करने वाली टिप्पणी के साथ।

आप अपने settings.json फ़ाइल में गलत पर css.validate की स्थापना करके linting निष्क्रिय कर सकते हैं। इसे कैसे करें के लिए documentation देखें।

+2

आप "css.lint.emptyRules" का उपयोग भी कर सकते हैं: "अनदेखा करें", 'अपने उपयोगकर्ता सेटिंग्स में, यदि आप सीएसएस लिफ्टिंग चाहते हैं लेकिन खाली सीएसएस नियमों को विचलित करने के नीचे लाल रेखा पाएं। (अन्य अनुकूलन योग्य हैं: बस "css.lint" के लिए खोजें) –

संबंधित मुद्दे