ایجاد شده در ۰۵ مهر ۱۴۰۴
۱. وضعیت المان‌ها / فرم
- :hover → وقتی موس روی المان است
- :active → وقتی المان در حال کلیک است
- :focus → وقتی المان فعال است
- :checked → وقتی checkbox یا radio تیک خورده
- :disabled → وقتی المان غیرفعال است
- :enabled → وقتی المان فعال است
- :required → input اجباری
- :optional → input اختیاری
- :valid → ورودی معتبر
- :invalid → ورودی نامعتبر
- :in-range → ورودی داخل محدوده
- :out-of-range → ورودی خارج محدوده
- :read-only → فقط خواندنی
- :read-write → قابل ویرایش
- :placeholder-shown → placeholder نمایش داده شده و ورودی خالی
۲. موقعیت و ساختار DOM
- :first-child → اولین فرزند والد
- :last-child → آخرین فرزند والد
- :nth-child(n) → فرزند nام
- :nth-last-child(n) → فرزند nام از آخر
- :first-of-type → اولین المان از نوع خودش
- :last-of-type → آخرین المان از نوع خودش
- :nth-of-type(n) → المان nام از نوع خودش
- :nth-last-of-type(n) → المان nام از آخر از نوع خودش
- :only-child → تنها فرزند والد
- :only-of-type → تنها المان از نوع خودش
- :empty → المان بدون فرزند و متن
۳. وضعیت رابطه با دیگر المان‌ها
- :not(selector) → همه المان‌ها به جز selector مشخص شده
۴. لینک‌ها
- :link → لینک‌های دیدن‌نشده
- :visited → لینک‌های مشاهده‌شده
💡 جمع‌بندی مهم:
- بیشترین کاربرد واقعی:
:hover, :focus, :active, :checked, :disabled, :valid, :invalid, :first-child, :last-child, :nth-child, :not