সিউডো ক্লাস (Psudo Class)

বিভিন্ন উপাদানের অবস্থান, অবস্থা ইত্যাদি সিলেক্টর দ্বারা সিলেক্ট করে, বিশেষ ইফেক্ট দেয়ার জন্য সিউডো ক্লাস ব্যবহার করা হয়।সিউডো ক্লাস এর সিনট্যাক্স হচ্ছে selector:pseudo-class {property:value;} । সি এস এস ক্লাস সিলেক্টরও সিউডো ক্লাসের সাথে ব্যবহার করা যায়, এক্ষেত্রে সিনট্যাক্স হবে selector.class:pseudo-class {property:value;} । নেভিগেশন বারের বিভিন্ন মেনু বিভিন্ন অবস্থায় কেমন দেখাবে তা সিউডো ক্লাস দ্বারা নির্ধারণ করা হয়। এছাড়া বিভিন্ন চাইল্ড সিলেক্টরের ফাস্ট চাইল্ড সিলেক্ট করা সহ আরো অনেক ধরণের কাজ সিউডো ক্লাস দ্বারা করা যায়।

বিভিন্ন ধরণের সিউডো ক্লাস

এংকর সিউডো ক্লাস (Anchor Pseudo class)
ফাস্ট চাইল্ড সিউডো ক্লাস (First child Pseudo-class)
ফল্যাঙ্গুয়েজ সিউডো ক্লাস (lang Pseudo-class)

অনুশীলন প্রজেক্ট

<html>
<head>
<title> www.tutohost.com</title>
<style>
body{background:#FFD;}
p:first-child{
font-family:Arial, Helvetica, sans-serif;
color:#066;
background:#FCC;
border:#F39 5px solid;
padding:10px;}
</style>
</head>
<body >
<p>
We are bangladeshi Hostgator hosting provider. The world wide technical and support team is working for your best movement. We are bangladeshi Hostgator hosting provider. The world wide technical and support team is working for your best movement.
</p>
<h2>www.tutohost.com</h2>
<p>
We are bangladeshi Hostgator hosting provider. The world wide technical and support team is working for your best movement. We are bangladeshi Hostgator hosting provider. The world wide technical and support team is working for your best movement.
</p>
</body>
</html>

একটা নোটপ্যাড open করে উপরের code টুকু লিখে file মেনু থেকে Save as এ ক্লিক করে File name: index.html , Save as type : All files, দিয়ে save করে index.html ফাইলটি Mozilla Firefox দিয়ে open করলে নিচে প্রদর্শিত ছবির মত দেখাবে।