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

:linkचयनकर्ता एक छद्म वर्ग है कि सभी विज़िट नहीं किए गए लंगर (लक्षित करता है ) पृष्ठ के तत्वों।

a:link ( color: aquamarine; )

उपरोक्त उदाहरण एक्वामरीन के सभी गैर-लिंक किए गए लिंक का रंग बदल देगा।

जब :hoverछद्म वर्ग के साथ संयोजन में उपयोग किया जाता है , तो :linkपहले दिखाई देना चाहिए, अन्यथा :hoverशैलियों को काम करने के लिए बिल्कुल भी परिभाषित नहीं किया जाना चाहिए । ऐसा इसलिए है क्योंकि वे समान रूप से विशिष्ट हैं, इसलिए यदि :linkबाद में आया , तो वे शैलियाँ हॉवर शैलियों को ओवरराइड करेंगी।

:linkछद्म वर्ग को लक्षित करेगा एक है कि तत्वों hrefविशेषता है, भले ही hrefएक खाली मूल्य है। तो उस अर्थ में यह विशेषता चयनकर्ता की तरह है (href)।

इसका मतलब है कि निम्नलिखित तीन HTML तत्व :linkछद्म श्रेणी के माध्यम से स्टाइल करने में सक्षम हैं :

CSS-Tricks CSS-Tricks CSS-Tricks

उपरोक्त कोड ब्लॉक में तीसरा उदाहरण, हालांकि, अमान्य HTML होगा।

केवल तीन HTML तत्वों को स्वीकार कर रहे हैं hrefविशेषता: , , और । केवल तत्व को :linkछद्म वर्ग के माध्यम से स्टाइल किया जा सकता है ।

इसके अलावा, आप hrefविशेषता को किसी अन्य प्रकार के तत्व में नहीं जोड़ सकते हैं और इसे शैली-सक्षम बना सकते हैं :link। दूसरे शब्दों में, यदि आपके पास निम्न HTML था:

 CSS-Tricks 

निम्नलिखित सीएसएस का कोई प्रभाव नहीं होगा:

div:link ( color: aquamarine; )

फिर से, HTML सत्यापन को विफल कर देगा, क्योंकि इसके hrefलिए कोई मान्य विशेषता नहीं है ।

इस तथ्य के कारण कि :linkकेवल तत्वों को लक्षित कर सकते हैं, :linkस्टाइल को सीएसएस में तत्व प्रकार चयनकर्ता के बिना परिभाषित किया जा सकता है , जैसे:

:link ( color: aquamarine; )

HTML का उपयोग करते समय सभी व्यावहारिक उद्देश्यों के लिए, :linkछद्म वर्ग कुछ हद तक अप्रासंगिक है क्योंकि एक ही प्रभाव सीधे सभी तत्वों को लक्षित करके प्राप्त किया जा सकता है :

a ( color: aquamarine; )

हालाँकि, यदि पृष्ठ पर ऐसे कोई तत्व हैं जिनके पास hrefविशेषता सेट नहीं है (उदाहरण के लिए, उपयोग की गई विरासत पृष्ठ पर ), तो उपरोक्त कोड उन तत्वों को भी लक्षित करेगा, और यह वांछित परिणाम नहीं हो सकता है।

यह भी बताया जाना चाहिए कि, CSS2 के साथ शुरू, अन्य दस्तावेज़ भाषाएं (HTML के अलावा) अन्य तत्वों को परिभाषित कर सकती हैं, एंकर के अलावा, जिसे :linkछद्म वर्ग के माध्यम से स्टाइल किया जा सकता है ।

ब्राउज़र का समर्थन

क्रोम	सफारी	फ़ायर्फ़ॉक्स	ओपेरा	अर्थात	एंड्रॉयड	आईओएस
कोई	कोई	कोई	कोई	कोई	कोई	कोई