ছদ্ম ক্লাস একটি উপাদান বা একটি CSS নির্বাচকের বিভিন্ন অবস্থা প্রদর্শন করা হয়। ভিজিট করা ছদ্ম ক্লাস হল দেখাতে যে লিঙ্কটি ইতিমধ্যেই পরিদর্শন করা হয়েছে।
এই ছদ্ম শ্রেণীটি বেশিরভাগই লিঙ্কের সাথে যুক্ত।
সিনট্যাক্স
a:visited { color:green;} চলুন :visited pseudo class এর প্রকৃত ব্যবহার পরীক্ষা করা যাক বিভিন্ন পরিস্থিতিতে, নিম্নরূপ -
উদাহরণ
<html>
<head>
<style>
a:visited { color:green;}
</style>
</head>
<body>
<a href="https://www.tutorialspoint.com">Click here to learn</a>
</body>
</html> ব্যাখ্যা
আপনি যখন প্রথমবার লিঙ্কটি দেখবেন তখন এটি স্বাভাবিক লিঙ্কের রঙ (নীল) দিয়ে দেখানো হবে এবং এই লিঙ্কটি একবার পরিদর্শন করা হলে লিঙ্কটি সবুজ হয়ে যাবে।
উদাহরণ
<html>
<head>
<style>
/* setting default style to make the style visible for :visited state */
a { background-color: white; border:1px solid white;}
a:visited {border:yellow;}
</style>
</head>
<body>
<a href="https://www.tutorialspoint.com">Click here to learn</a>
</body>
</html> ব্যাখ্যা
এই উদাহরণে একবার লিঙ্কটি পরিদর্শন করা হলে এটি লিঙ্কটিতে 1px হলুদ রঙের বর্ডার অন্তর্ভুক্ত করবে।
উদাহরণ
<html>
<head>
<style>
/* setting default style to make the style visible for :visited state */
a { background-color: white; }
a:visited { background-color: seagreen;}
</style>
</head>
<body>
<a href="https://www.tutorialspoint.com">Click here to learn</a>
</body>
</html> ব্যাখ্যা
আপনি যখন লিঙ্কটি একবার ভিজিট করবেন তখন এটি পটভূমির রঙ সাগর সবুজে পরিবর্তন করবে।
স্টাইলিং বিধিনিষেধ
গোপনীয়তা এবং নিরাপত্তার কারণে সিউডো ক্লাস পরিদর্শন করা সিএসএস বৈশিষ্ট্যের সীমিত সেটের সাথে কাজ করতে পারে যেমন রঙ, ব্যাকগ্রাউন্ড-কালার, বর্ডার-কালার, বর্ডার-বটম-কালার, বর্ডার-বাম-রং, বর্ডার-ডান-কালার, বর্ডার-টপ- color, column-rule-color, outline-color এবং SVG অ্যাট্রিবিউটগুলি হল ফিল এবং স্ট্রোক৷
ব্রাউজার সামঞ্জস্য
| Chrome | Firefox | এজ | IE | সাফারি | অপেরা |
| 1 | 1 | হ্যাঁ | হ্যাঁ | 1 | 3.5 |
