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

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

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

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

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

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

cssa.eee:link, a.eee:visited {
  color: red;
}
a.eee:hover {
  text-decoration: none;
}
Задание 1

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

cssa.zzz {
  color: red;
}
a.zzz:hover {
  text-decoration: none;
}
Задание 2

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

css#block a.zzz {
  color: red;
}
#block a.zzz:hover {
  text-decoration: none;
}
Задание 3

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

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