: कोई भी लिंक - सीएसएस-ट्रिक्स

Anonim

: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 विशिष्टता (कार्य प्रारूप)
  • मोज़िला दस्तावेज़