CSS :link उपवर्ग

परिभाषा और उपयोग

CSS :link उपवर्ग अनदेखा लिंक की शैली चुनने और निर्धारित करने के लिए प्रयोग करते हैं。

ध्यान दें::link उपवर्ग देखा गया लिंक की शैली निर्धारित नहीं करते हैं。

सुझाव:उपयोग देखा गया पृष्ठ के लिंक की शैली निर्धारित करें, इसके लिए :visited :hover माउस से स्थित लिंक की शैली निर्धारित करें, इसके लिए :active क्लिक करने पर लिंक की शैली निर्धारित करें

ध्यान दें:CSS विन्यास में:link जरूर इसके अंदर रखना चाहिए :hover!(यदि मौजूद है) पहले कार्यकारी होगा!

उदाहरण

उदाहरण 1

अनदेखा लिंक की शैली चुनें और निर्धारित करें:

a:link {
  background-color: yellow;
}

स्वयं अभ्यास करें

उदाहरण 2

अनदेखा, देखा गया, स्थित और सक्रिय लिंक की शैली चुनें और निर्धारित करें:

/* देखा नहीं गया लिंक */
a:link {
  color: green;
}
/* देखा गया लिंक */
a:visited {
  color: green;
}
/* माउस के साथ स्थित लिंक */
a:hover {
  color: red;
}
/* सक्रिय लिंक */
a:active {
  color: yellow;
}

स्वयं अभ्यास करें

उदाहरण 3

लिंक के लिए अलग-अलग शैली निर्धारित करें:

a.ex1:hover, a.ex1:active {
  color: red;
}
a.ex2:hover, a.ex2:active {
  font-size: 150%;
}

स्वयं अभ्यास करें

CSS व्याकरण

:link {
  css declarations;
}

तकनीकी विवरण

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

टेबल में नंबर इस प्रभावी उपवर्ग की पहली ब्राउज़र आवृत्ति को निर्दिष्ट करते हैं。

संबंधित पृष्ठ

तस्वीर:CSS लिंक

तस्वीर:CSS उपवर्ग