:any-link
सीएसएस में छद्म वर्ग तत्वों है कि एक हाइपरलिंक का स्रोत लंगर हैं चुनने के लिए एक तरीका प्रदान करता है।
यदि शब्द स्रोत एंकर ने आपको खो दिया है, तो यह href
HTML तत्वों पर विशेषता के लिए एक फैंसी नाम है ,
और
। (आपको सीएसएस में लक्ष्य करने की आवश्यकता क्यों होगी
या
मेरे से परे है, लेकिन हे।) एचटीएमएल कल्पना में उस पर पूरी जानकारी है।
एक तत्व जो स्वीकार करता है और जिसमें एक href
विशेषता होती है, एक हाइपरलिंक है और इसके साथ चुना जाएगा :any-link
। यह सभी लिंक-आधारित HTML तत्वों को चुनने का एक आसान तरीका बन गया है जो अन्यथा असंबंधित और मार्कअप को छूने के बिना दिखाई दे सकते हैं। शायद यह मौजूद है क्योंकि आपको लगता है :link
कि सभी लिंक का चयन करेंगे, लेकिन यह याद आती है :visited
, इसलिए यह उन सभी को एक साथ लपेटता है।
कार्यात्मक रूप से, यह विशेषता चयनकर्ता की तरह है (href)
।
Howdy!
:any-link ( color: red; font-weight: 900; text-decoration: none; )
यह ध्यान देने योग्य है कि हम :matches()
छद्म वर्ग का उपयोग करके उसी एचटीएमएल तत्वों का भी चयन कर सकते हैं । उदाहरण के लिए, के :matches(:link, :visited)
रूप में एक ही तत्वों का चयन करेंगे :any-link
।
एक और ध्यान देने वाली बात यह है कि वर्तमान में यह चयनकर्ता इस लेखन के समय इस चयनकर्ता के लिए वैकल्पिक नाम के सुझाव मांग रहा है। हालांकि यह स्पष्ट नहीं है कि नाम बदल जाएगा, :matches()
पूर्व में छद्म वर्ग का नाम दिया गया था :any()
जो एक संकेत हो सकता है।
ब्राउज़र का समर्थन
:any-link
छद्म तत्व एक प्रायोगिक सुविधा माना जाता है और चयनकर्ता स्तर 4 विनिर्देश, जो मसौदा स्थिति में काम करने में वर्तमान में है का हिस्सा है।
पूर्ण समर्थन के लिए आप इसे उपसर्ग का उपयोग करना चाहेंगे:
:-webkit-any-link ( ) :-moz-any-link ( ) :any-link ( )
और याद रखें कि उन चयनकर्ताओं को अल्पविराम से अलग न करें, क्योंकि ब्राउज़र चयनकर्ताओं को उन हिस्सों के साथ टॉस करते हैं जिन्हें वे नहीं समझते हैं।
ब्राउज़र का समर्थन
यह ब्राउज़र सपोर्ट डेटा Caniuse का है, जिसमें अधिक विवरण हैं। एक संख्या इंगित करती है कि ब्राउज़र उस संस्करण और ऊपर की सुविधा का समर्थन करता है।
डेस्कटॉप
क्रोम | फ़ायर्फ़ॉक्स | अर्थात | एज | सफारी |
---|---|---|---|---|
15 * | 3 * | नहीं न | । ९ | 6.1 * |
मोबाइल / टेबलेट
Android क्रोम | Android फ़ायरफ़ॉक्स | एंड्रॉयड | iOS सफारी |
---|---|---|---|
88 | .५ | 4.4 * | 6.0-6.1 * |
सम्बंधित
:link
:matches()
:visited
अधिक जानकारी
- चयनकर्ता स्तर 4 विशिष्टता (कार्य प्रारूप)
- मोज़िला दस्तावेज़