CSS-এ ক্লাস সহ লিঙ্ক

এখন লিঙ্কগুলির নিজস্ব একটি ক্লাস থাকতে দিন:

<a href="#" class="eee">link</a>
<a href="#" class="eee">link</a>
<a href="#" class="eee">link</a>

আসুন এমন ক্লাস থাকা লিঙ্কগুলির জন্য স্টাইল নির্ধারণ করি:

a:link.eee, a:visited.eee {
	color: red;
}
a:hover.eee {
	text-decoration: none;
}

লিঙ্ক ক্লাস এবং স্টেট সিউডোক্লাসগুলি কোন ক্রমে লিখতে হবে তা গুরুত্বপূর্ণ নয়। সেগুলি অদলবদল করা যেতে পারে এবং এটি দিয়ে কিছুই পরিবর্তন হবে না:

a.eee:link, a.eee:visited {
	color: red;
}
a.eee:hover {
	text-decoration: none;
}

নীচের দেওয়া কোডে সিলেক্টরটি কী নির্বাচন করে তা বলুন। তারপর সেই সিলেক্টরের জন্য উপযুক্ত HTML কোড লিখুন। সিলেক্টর সহ কোডটি এখানে:

a.zzz {
	color: red;
}
a.zzz:hover {
	text-decoration: none;
}

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

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