📘 جلسه یازدهم – شبه‌کلاس‌ها (Pseudo Classes) – بخش دوم

🔹 شبه‌کلاس‌های ساختاری (Structural Pseudo Classes)

• 👶 :first-child → اولین فرزند یک والد.
• 👶 :first-of-type → اولین عنصر از نوع خودش در والد.
• 👵 :last-child → آخرین فرزند یک والد.
• 👵 :last-of-type → آخرین عنصر از نوع خودش در والد.
• ❌ :not(selector) → انتخاب همه عناصر به جز آنچه مشخص شده.
• 🔢 :nth-child(n) → nام فرزند والد.
• 🔢 :nth-last-child(n) → nام فرزند از آخر.
• 🔢 :nth-of-type(n) → nام عنصر از نوع خودش.
• 🔢 :nth-last-of-type(n) → nام عنصر از نوع خودش از آخر.
• 🟢 :only-of-type → تنها عنصر از نوع خودش در والد.
• 🟢 :only-child → تنها فرزند والد.
• 🌟 :empty → عنصری که هیچ فرزندی ندارد.
• 🌟 :checked → عناصر input از نوع checkbox یا radio که تیک خورده‌اند.

🔹 شبه‌کلاس‌های وضعیت (State Pseudo Classes)

• 🔴 :odd → عناصر با ایندکس فرد.
• 🔵 :even → عناصر با ایندکس زوج.
• 🚫 :disabled → عناصر غیر فعال (disabled).
• ✍️ :readonly → عناصر فقط خواندنی.
• ✅ :required → عناصر الزامی در فرم.
• 🖱 :hover → زمانی که ماوس روی عنصر است.
• 👆 :active → زمانی که عنصر در حال کلیک است.
• 🔍 :focus → زمانی که المان فوکوس دارد.
• 📎 :visited → لینک‌هایی که قبلاً بازدید شده‌اند.

🔹 پراپرتی‌های جدول

• 🏷 border-collapse → تعیین نحوه نمایش خطوط جدول:
  • collapse → خطوط مشترک بین سلول‌ها یکی می‌شوند.
  • separate → خطوط بین سلول‌ها جدا هستند (پیش‌فرض).
• 📏 border-spacing → فاصله بین سلول‌ها (فقط وقتی border-collapse: separate).