რა არის ფსევდოელემენტი?

CSS-এ পসিউডো-এলিমেন্ট হলো একটি কীওয়ার্ড যা একটি সিলেক্টরে যোগ করা হয় এবং এটি নির্দিষ্ট অংশের স্টাইল করতে দেয়, অতিরিক্ত ডোম উপাদান তৈরি না করেই।

সর্বাধিক ব্যবহৃত পসিউডো-এলিমেন্টগুলি হলো:

• ::before: নির্বাচিত উপাদানের বিষয়বস্তুর আগে তৈরি করা সামগ্রী যোগ করে।
• ::after: নির্বাচিত উপাদানের বিষয়বস্তুর পরে তৈরি করা সামগ্রী যোগ করে।
• ::first-line: একটি ব্লক উপাদানের প্রথম লাইনে স্টাইল প্রয়োগ করে।
• ::first-letter: একটি ব্লক উপাদানের প্রথম অক্ষরে স্টাইল প্রয়োগ করে।
• ::selection: ব্যবহারকারী দ্বারা নির্বাচিত উপাদানের অংশে স্টাইল প্রয়োগ করে (উদাহরণস্বরূপ, টেক্সট নির্বাচন করার সময়)।
• ::placeholder: <input> বা <textarea> ক্ষেত্রের placeholder টেক্সটে স্টাইল প্রয়োগ করে।

::before এবং ::after এর ব্যবহার উদাহরণ:

div::before {
  content: "প্রিফিক্স: "; // আবশ্যক content বৈশিষ্ট্য
  রঙ: নীল;
}

div::after {
  content: " সাফিক্স"; // আবশ্যক content বৈশিষ্ট্য
  রঙ: লাল;
}

::first-line এবং ::first-letter এর ব্যবহার উদাহরণ:

p::first-line {
  font-weight: bold;
}

p::first-letter {
  font-size: 2em;
  float: left;
  margin-right: 0.1em;
}

পসিউডো-এলিমেন্টগুলি অলংকারিক উপাদান যোগ করতে, বিষয়বস্তু তৈরি করতে, টেক্সটের অংশগুলিকে স্টাইল করতে এবং অন্যান্য কাজের জন্য উপকারী, HTML গঠনকে সরল করে। ঐতিহাসিকভাবে তারা একক ডবল বিন্দু (:) দিয়ে শুরু হত, কিন্তু CSS3 স্পেসিফিকেশন দুটি ডবল বিন্দু (::) চালু করেছে পসিউডো-ক্লাস (:hover, :focus) এবং পসিউডো-এলিমেন্টের মধ্যে পার্থক্য করার জন্য, যদিও একক ডবল বিন্দু (:) এখনও বেশিরভাগ ব্রাউজারে পুরানো পসিউডো-এলিমেন্টের জন্য সমর্থিত। :: ব্যবহার করার সুপারিশ করা হয়।