CSS හි සබැඳි තත්ව සහිත සංකීර්ණ තේරීම්කරුවන්

අපි කලින් අධ්‍යයනය කළ සියලුම සංකීර්ණ තේරීම්කරුවන්, සබැඳි සඳහා ද යෙදිය හැකිය.

අපි උදාහරණයක් බලමු. අපගේ සබැඳි නිශ්චිත 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;
}