:dir()सीएसएस में छद्म वर्ग की अनुमति देता है HTML मार्कअप में निर्धारित होता तत्वों, भाषा की दिशा के आधार पर चुना जाना है। वास्तव में केवल दो दिशाएं हैं भाषा एक दस्तावेज में प्रवाह कर सकती है, जो बाएं से दाएं और दाएं से बाएं हैं। इसे शैली के तत्वों के लिए एक तरीका के रूप में सोचें जो विभिन्न भाषा निर्देशन द्वारा प्रतिष्ठित हैं।
.item:dir(rtl) ( background: red; color: #fff; )छद्म वर्ग केवल एक ही मूल्य को स्वीकार करता है और एक से अधिक मूल्य दर्ज होने पर अशक्त हो जाएगा।
पेन देखें: कोडऑन पर ज्योफ ग्राहम (@geoffgraham) द्वारा dir छद्म चयनकर्ता।
:dir(rtl) बनाम (dir=rtl)
हम एक मैच क्वेरी चयनकर्ता का उपयोग करके इसकी भाषा की दिशा के आधार पर एक तत्व का चयन कर सकते हैं:
.item(dir=rtl) ( background: red; color: #fff; )यह वास्तव में काम करता है, लेकिन इस से अलग :dir(rtl)है कि यह केवल HTML मार्कअप में कड़ाई से परिभाषित एक तत्व का चयन करता है। फ्लिप-साइड पर, :dir(rtl)उपयोगकर्ता एजेंट की भाषा वरीयताओं को सूँघेगा और HTML में स्पष्ट रूप से बताए बिना तत्व का चयन करेगा।
यह एक बड़ा सौदा है क्योंकि ऐसे तत्व जो भाषा की दिशा को स्पष्ट रूप से नहीं dirबताते हैं, अपने निकटतम पूर्वजों की विशेषता को एक में समाहित कर लेंगे । एक परिदृश्य को जन्म दे सकता है जहाँ (dir=rtl)आप अतिरिक्त तत्वों का चयन करते हैं जो आप चाहते हैं।
ब्राउज़र का समर्थन
यह ब्राउज़र सपोर्ट डेटा Caniuse का है, जिसमें अधिक विवरण हैं। एक संख्या इंगित करती है कि ब्राउज़र उस संस्करण और ऊपर की सुविधा का समर्थन करता है।
डेस्कटॉप
| क्रोम | फ़ायर्फ़ॉक्स | अर्थात | एज | सफारी |
|---|---|---|---|---|
| नहीं न | 17 * | नहीं न | नहीं न | नहीं न |
मोबाइल / टेबलेट
| Android क्रोम | Android फ़ायरफ़ॉक्स | एंड्रॉयड | iOS सफारी |
|---|---|---|---|
| नहीं न | .५ | नहीं न | नहीं न |
अधिक जानकारी
- चयनकर्ता स्तर 4 की विशिष्टता
- क्रोमियम अंक # 576815
- वेबकिट बग # 64861
- मोज़िला दस्तावेज़
- Microsoft एज सुविधा अनुरोध
- क्रोमियम प्लेटफ़ॉर्म स्थिति
- PostCSS
:dir()polyfill