পseudoclass hover

পseudoclass hover একটি লিঙ্কের জন্য স্টাইল সেট করে যেটিতে আমরা মাউস নিয়ে হোভার করি। সাধারণত এই pseudoclassটি pseudoclass link, visited এবং active এর সাথে যৌথভাবে প্রয়োগ করা হয়।

সিনট্যাক্স

cssa:hover {
  
}

উদাহরণ

অদেখা লিঙ্কটি লাল রঙের হবে, দেখা লিঙ্কটি - নীল। আপনি যদি এটির উপর মাউস নিয়ে হোভার করেন - এটি সবুজ রঙের হবে, এবং যদি আপনি বাম মাউস বাটন চাপেন এবং ধরে রাখেন - এটি কালো হয়ে যাবে (active অবস্থা):

html<a href="#">লিঙ্ক</a>
cssa:link {
  color: red;
}
a:visited {
  color: blue;
}
a:hover {
  color: green;
}
a:active {
  color: black;
}

Результат:

আরও দেখুন

  • pseudoclass link,
    যা অদেখা লিঙ্কের স্টাইল সেট করে
  • pseudoclass visited,
    যা দেখা লিঙ্কের স্টাইল সেট করে
  • pseudoclass active,
    যা অ্যাক্টিভেশন অনুযায়ী লিঙ্কের স্টাইল সেট করে
  • pseudoclass focus,
    যা ফোকাস করা লিঙ্কের স্টাইল সেট করে