সুডো-ক্লাস কীওয়ার্ড ব্যবহার করে সিলেক্টরের বিশেষ স্টেট (hover, visited, active, focus, checked ইত্যাদি) টার্গেট করা যায়।
উদাহরণ: সুডো-ক্লাস ডেমো
<!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>সুডো-ক্লাস উদাহরণ</h1>
<a href="#">এটি একটি নমুনা লিংক টেক্সট</a>
<h2>উপরোক্ত লিংকে হোভার, ক্লিক করুন সুডো-ক্লাস একশনে দেখতে</h2>
</body>
</html>
সাধারণ সুডো-ক্লাস
- :link — অনভিজিটেড লিংক
- :visited — ভিজিটেড লিংক
- :hover — মাউস হোভার
- :active — ক্লিক করা মুহূর্ত
- :focus — কীবোর্ড ফোকাস
- :first-child / :last-child / :nth-child(n) — চাইল্ড পজিশন
- :checked / :disabled / :enabled — ফর্ম স্টেট
- :not(selector) — 네가티ভ সিলেকশন
অর্ডার গুরুত্ব
LVHA অর্ডার মেনে চলুন: `:link` → `:visited` → `:hover` → `:active`।
