"यदि कोई कर्मचारी अपना काम अच्छी तरह से करना चाहता है, तो उसे पहले अपने औजारों को तेज करना होगा।" - कन्फ्यूशियस, "द एनालेक्ट्स ऑफ कन्फ्यूशियस। लू लिंगगोंग"
मुखपृष्ठ > प्रोग्रामिंग > गतिशील लेआउट तत्व बनाने के लिए मैं सीएसएस वर्ग नामों में एस्केप्ड प्रतिशत चिह्नों का उपयोग कैसे करूँ?

गतिशील लेआउट तत्व बनाने के लिए मैं सीएसएस वर्ग नामों में एस्केप्ड प्रतिशत चिह्नों का उपयोग कैसे करूँ?

2024-11-17 को प्रकाशित
ब्राउज़ करें:647

How do I use escaped percentage signs in CSS class names to create dynamic layout elements?

सीएसएस में .container.\31 25\25 का क्या अर्थ है?

बैकस्लैश वर्ण () का उपयोग विशेष वर्णों से बचने के लिए किया जाता है सीएसएस, जैसे प्रतिशत चिह्न (%)$। यह उन पहचानकर्ताओं का उपयोग करने की अनुमति देता है जो अन्यथा मान्य नहीं होंगे, जैसे कि जिनमें कुछ विराम चिह्न होते हैं।

प्रदान किए गए उदाहरण में, क्लास नाम .container में प्रतिशत चिह्न से बचने के लिए बैकस्लैश का उपयोग किया जाता है।\ 31 25\25. इसके परिणामस्वरूप वर्ग का नाम .container[class ~= "125%"] के बराबर हो जाता है, जिसका अर्थ है कि "125%" वर्ग वाले किसी भी तत्व पर समान शैली नियम लागू होंगे।

यह तकनीक इसका उपयोग विभिन्न मानदंडों के आधार पर गतिशील वर्ग नाम बनाने के लिए किया जा सकता है। उदाहरण के लिए, निम्नलिखित कोड का उपयोग वर्गों की एक श्रृंखला बनाने के लिए किया जा सकता है जो किसी तत्व की चौड़ाई उसके कंटेनर आकार के आधार पर निर्धारित करता है:

.container.\31 25\25 {
  width: 100%;
  max-width: 1500px;  /* max-width: (containers * 1.25) */
  min-width: 1200px;  /* min-width: (containers) */
}
.container.\37 5\25 { /* 75% */
  width: 900px;       /* width: (containers * 0.75) */
}
.container.\35 0\25 { /* 50% */
  width: 600px;       /* width: (containers * 0.50) */
}
.container.\32 5\25 { /* 25% */
  width: 300px;       /* width: (containers * 0.25) */
}

यह किसी तत्व की चौड़ाई को उसके कंटेनर आकार के आधार पर आसानी से समायोजित करने की अनुमति देता है, अलग-अलग प्रतिशत मानों के साथ मैन्युअल रूप से कई कक्षाएं बनाने की आवश्यकता के बिना।

नवीनतम ट्यूटोरियल अधिक>

चीनी भाषा का अध्ययन करें

अस्वीकरण: उपलब्ध कराए गए सभी संसाधन आंशिक रूप से इंटरनेट से हैं। यदि आपके कॉपीराइट या अन्य अधिकारों और हितों का कोई उल्लंघन होता है, तो कृपया विस्तृत कारण बताएं और कॉपीराइट या अधिकारों और हितों का प्रमाण प्रदान करें और फिर इसे ईमेल पर भेजें: [email protected] हम इसे आपके लिए यथाशीघ्र संभालेंगे।

Copyright© 2022 湘ICP备2022001581号-3