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;
}