ছদ্ম ক্লাস একটি উপাদান বা একটি CSS নির্বাচকের বিভিন্ন অবস্থা প্রদর্শন করা হয়। সক্রিয় ছদ্ম ক্লাস হল উপাদানটি সক্রিয় অবস্থায় রয়েছে তা দেখানোর জন্য।
এই ছদ্ম শ্রেণীটি বেশিরভাগই লিঙ্ক এবং বোতাম বা অন্য কোনো উপাদানের সাথে যুক্ত করা হচ্ছে যা সক্রিয় হতে পারে।
উদাহরণস্বরূপ যদি এটি লিঙ্কের সাথে যুক্ত থাকে যে লিঙ্কটি সক্রিয়।
সিনট্যাক্স
a:active { color:green;} চলুন :active pseudo class এর প্রকৃত ব্যবহার পরীক্ষা করা যাক বিভিন্ন পরিস্থিতিতে, নিম্নরূপ −
উদাহরণ
<html>
<head>
<style>
a:active { color:green;}
</style>
</head>
<body>
<a href="https://www.tutorialspoint.com">Click here to learn</a>
</body>
</html> ব্যাখ্যা
আপনি যখন প্রথমবার লিঙ্কটি দেখবেন তখন এটি স্বাভাবিক লিঙ্কের রঙ (নীল) দিয়ে দেখানো হবে এবং এই লিঙ্কটি একবার পরিদর্শন করা হলে লিঙ্কটি সবুজ হয়ে যাবে।
উদাহরণ
<html>
<head>
<style>
a:active {font-size:20px;}
</style>
</head>
<body>
<a href="https://www.tutorialspoint.com">Click here to learn</a>
</body>
</html> ব্যাখ্যা
আপনি লিঙ্কে ক্লিক করার সময় এটি লিঙ্কের ফন্টের আকার 20px এ পরিবর্তন করবে।
উদাহরণ
<html>
<head>
<style>
body:active {
background: seagreen;
}
</style>
</head>
<body>
<div>click anywhere in this window</div>
</body>
</html> ব্যাখ্যা
আপনি যখন স্ক্রিনের যেকোন জায়গায় ক্লিক করেন তখন পটভূমির রঙ সমুদ্র সবুজে পরিবর্তিত হবে।
উদাহরণ
<html>
<head>
<style>
#thisButton:active { color: red}
</style>
</head>
<body>
<button id="thisButton">Click Me!!</button>
</body>
</html> ব্যাখ্যা
আপনি বোতামে ক্লিক করার সময় বোতামের পাঠ্যের ফন্ট-রঙ লাল হয়ে যাবে।
ব্রাউজার সামঞ্জস্য
| Chrome | Firefox | এজ | IE | সাফারি | অপেরা |
| 1 | 1 | হ্যাঁ | 4 | 1 | 5 |
