📘 جلسه نهم – شبه‌کلاس‌ها (Pseudo Classes) و Position (بخش اول)

🔹 شبه‌کلاس‌ها (Pseudo Classes)

• 🖱 :hover → وقتی ماوس روی عنصر قرار بگیرد.
• 👆 :active → زمانی که عنصر در حال کلیک شدن است.
• 📎 :visited → برای لینک‌هایی که قبلاً بازدید شده‌اند.
• 🔍 :focus → زمانی که المان (مثل input) فوکوس می‌گیرد.

🔹 موقعیت‌دهی (Position)

• ⚪ static → حالت پیش‌فرض، بدون جابه‌جایی خاص.
• 🟠 relative → نسبت به جایگاه اصلی خودش قابل جابه‌جایی است.
• 🔵 absolute → نسبت به اولین والد دارای position جابه‌جا می‌شود.
• 🟣 fixed → نسبت به پنجره مرورگر (viewport) ثابت می‌ماند و با اسکرول حرکت نمی‌کند.

🔹 نکات مهم Position

• 👨‍👩‍👦 والد (parent) اگر position: relative; داشته باشد، فرزند (child) با position: absolute; بر اساس آن جابه‌جا می‌شود.
• 📌 fixed برای عناصری مثل دکمه "بازگشت به بالا" (scroll to top) کاربرد دارد.