सीएसएस में लिंक स्थितियों के साथ जटिल सेलेक्टर्स

सभी जटिल सेलेक्टर्स, जिनका हमने पहले अध्ययन किया था, उन्हें लिंक्स के लिए भी लागू किया जा सकता है।

आइए एक उदाहरण देखें। मान लीजिए कि हमारी लिंक्स एक ब्लॉक में हैं जिसका id सेट है:

html<div id="block">
  <a href="#">link</a>
  <a href="#">link</a>
  <a href="#">link</a>
</div>

आइए इस ब्लॉक की लिंक्स के लिए स्टाइल्स सेट करें:

css#block a:link, #block a:visited {
  color: red;
}
#block a:hover {
  text-decoration: none;
}

एक नियम के रूप में, link और visited की स्थितियों को अलग नहीं किया जाता है, इसलिए कोड को निम्नानुसार सरल बनाया जा सकता है:

css#block a {
  color: red;
}
#block a:hover {
  text-decoration: none;
}

css#test a {
  color: red;
}
#test a:hover {
  text-decoration: none;
}