10/07/2025
🔷 CSS Selector কী?
CSS Selector হলো এমন একটি নিয়ম, যার মাধ্যমে HTML এর নির্দিষ্ট element-কে নির্বাচন (select) করে তার উপর স্টাইল (style) প্রয়োগ করা যায়।
✅✅ CSS Selector এর প্রকারভেদ (ধরন)
01. Universal Selector (`*`)
✅ সমস্ত HTML এলিমেন্ট সিলেক্ট করে।
02. Type / Element Selector (`tag name`)
✅ নির্দিষ্ট ট্যাগ যেমন `p`, `div`, `h1` ইত্যাদি সিলেক্ট করে।
03. Class Selector (`.className`)
✅ যেসব এলিমেন্টে নির্দিষ্ট `class` আছে, সেগুলো সিলেক্ট করে।
04. ID Selector (` `)
✅ নির্দিষ্ট `id` যুক্ত একক এলিমেন্ট সিলেক্ট করে।
05. Group Selector (`,`)
✅ একাধিক এলিমেন্ট একসাথে সিলেক্ট করতে ব্যবহৃত হয়।
06. Descendant Selector (`A B`)
✅ একটি এলিমেন্টের ভেতরে যত স্তরের `B` আছে, সব সিলেক্ট করে।
07. Child Selector (`A > B`)
✅ কেবল `A`-এর সরাসরি সন্তান `B`-কে সিলেক্ট করে।
08. Adjacent Sibling Selector (`A + B`)
✅ `A`-এর পরের **একমাত্র ভাই `B`** কে সিলেক্ট করে।
09. General Sibling Selector (`A~B`)
✅ `A`-এর পরে যত ভাই `B` আছে, সব সিলেক্ট করে।
10. Attribute Selector
✅ নির্দিষ্ট attribute থাকা এলিমেন্ট সিলেক্ট করে।
11. Pseudo-class Selector
✅ এলিমেন্টের **অবস্থা বা পজিশন** এর ভিত্তিতে সিলেক্ট করে।
12. Pseudo-element Selector
✅ এলিমেন্টের **ভিতরের নির্দিষ্ট অংশ** সিলেক্ট করে।