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

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

අපි උදාහරණයක් බලමු. අපගේ සබැඳි නිශ්චිත id එකක් සහිත බ්ලොකයක තිබිය යුතු යැයි සිතමු:

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

මෙම බ්ලොකයෙන් සබැඳි සඳහා විලාසිතා නිර්ණය කරමු:

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

සාමාන්‍යයෙන්, link සහ visited යන තත්ව වෙන් නොකරන බැවින්, කේතය පහත පරිදි සරල කළ හැකිය:

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

පහත කේතයේ ඇති තේරීම්කරු තෝරා ගන්නේ කුමක්දැයි විස්තර කරන්න. ඉන්පසු, මෙම තේරීම්කරුවන්ට ගැලපෙන HTML කේතය ලියන්න. තේරීම්කරු සහිත කේතය මෙන්න:

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