সিউডো-ক্লাস কীওয়ার্ডগুলি নির্বাচকের একটি বিশেষ অবস্থা উল্লেখ করতে ব্যবহৃত হয় যেখানে এটি যোগ করা হয়। এটি আমাদের আরও নিয়ন্ত্রণ দেয় এবং এখন আমরা একটি নির্বাচককে লক্ষ্য করতে পারি যখন এটি নির্দিষ্ট অবস্থায় থাকে যেমন:হোভার, চেক করা, ভিজিট করা ইত্যাদি।
CSS -
-এ ছদ্ম ক্লাসগুলি প্রদর্শন করে এমন কোডটি নিচে দেওয়া হলউদাহরণ
<!DOCTYPE html>
<html>
<head>
<style>
body {
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}
a {
font-size: 18px;
font-weight: bold;
}
a:link {
color: rgb(17, 0, 255);
}
a:visited {
color: rgb(128, 0, 107);
}
a:hover {
color: rgb(255, 105, 243);
}
a:active {
color: rgb(255, 153, 0);
}
</style>
</head>
<body>
<h1>Pseudo class example</h1>
<a href="#">This is some sample link text</a>
<h2>Hover , click on the above link to see the pseudo class in action</h2>
</body>
</html> আউটপুট
উপরের কোডটি নিম্নলিখিত আউটপুট −
তৈরি করবে
−
লিঙ্কের উপরে হোভার করার সময়
লিঙ্কে ক্লিক করলে -
আবার একই পৃষ্ঠায় ফিরে গেলে, লিঙ্কের অবস্থা পরিবর্তিত হয়ে যায়।
