سی ای ایس ڈرائیور مراجع کتب درج لائن

المثل في CSS

المثل يُستخدم لتحديد الحالات الخاصة للعناصر.

على سبيل المثال، يمكن استخدامه في:

  • ضبط النمط عند وضع الفأرة فوق العنصر
  • ضبط النمط للروابط المكتشفة وغير المكتشفة
  • ضبط النمط عند الحصول على العنصر على التركيز
  • ضبط النمط للعناصر النموذجية المفعلة/غير المفعلة/مطلوبة/اختيارية

الجدول أدناه يوضح أنواع مختلفة من المثل في CSS:

مثل مثال وصف المثال
:active a:active اختر رابط نشط
:any-link a:anylink اختر جميع العناصر <a> أو <area> التي تحتوي على خصائص href.
:auto-fill input:autofill اختر جميع عناصر <input> التي تم ملئها تلقائيًا من قبل المستعرض.
:checked option:checked تطابق جميع العناصر المحددة من <input> أو <option>.
:default input:default اختر عنصر النموذج الافتراضي في مجموعة العناصر ذات الصلة.
:defined :defined اختر جميع العناصر المحددة (المعايير أو العناصر المخصصة).
:dir() :dir(rtl) اختر العناصر التي تحتوي على اتجاه نص معين.
:disabled option:disabled اختر العناصر المحظورة، غالبًا ما يستخدم في عناصر النموذج.
:empty div:empty اختر عناصر بدون عنصر فرعي (بما في ذلك عناصر النص).
:enabled input:enabled تمام فعال ایلیمنو کو انتخاب کریں، جو عام طور پر فرم ایلیمنو میں استعمال کی جاتی ہیں.
:first @page :first پرنٹ کا پہلا صفح کو نمائش دیں (اتنا کہ @page رول کا استعمال کیا جائے)。
:first-child p:first-child برادران میں پہلے بچ کا ایلیمن کو انتخاب کریں (برادران کے میں).
:first-of-type li:first-of-type برادران میں پہلے معین نوع کا ایلیمن کو انتخاب کریں.
:focus select:focus فورس کا حاصل آئی ایلیمن کو انتخاب کریں، جو عام طور پر فرم ایلیمنو میں استعمال کی جاتی ہیں.
:focus-visible button:focus-visible فورس کا حاصل آئی ایلیمن کو انتخاب کریں (فقط موس کی مدد سے نہیں، بلکہ کلیدی مدد سے)。
:focus-within form:focus-within ایسی ایلیمن کو جو کسی ایسے ایلیمن یا اس کا کوئی بچ کا فورس کیا گیا ہو، اس کو جوائن کریں.
:fullscreen :fullscreen پورا اسکرین موڈ میں آئی ایلیمنو انتخاب کریں.
:has() h2:has(+p) <p> ایلیمن کے بعد آنکھار <h2> ایلیمن کو انتخاب کریں اور <h2> پر ستیل اپنائیں.
:hover a:hover موس کا چکر آنکھار آئی ایلیمنو انتخاب کریں.
:in-range input:in-range مخصوصی دائیں میں آئی <input> ایلیمنو انتخاب کریں.
:indeterminate input:indeterminate نامعلوم حالت میں آئی فرم ایلیمنو انتخاب کریں.
:invalid input:invalid غیر موثر فرم ایلیمنو انتخاب کریں.
:is() :is(ul, ol) تمام <ul> اور <ol> عناصر کو انتخاب کریں
:lang() p:lang(it) lang کی خاصیت "it" (اطالوی) کا <p> ایلیمن انتخاب کریں.
:last-child li:last-child پیر ایلیمن کا آخری بچ کا <li> ایلیمن انتخاب کریں.
:last-of-type p:last-of-type پیر ایلیمن کا آخری <p> ایلیمن کا <p> ایلیمن انتخاب کریں.
:left @page :left پرنٹ کا مکمل ڈاکومن کی سب سارے چپ صفحات کو نمائش دیں (اتنا کہ @page رول کا استعمال کیا جائے)。
:link a:link تمام غیر برونگار لنکو انتخاب کریں.
:modal :modal مودال حالت میں آئی ایلیمنو انتخاب کریں.
:not() :not(p) تمام ایلیمنو انتخاب کریں جو <p> ایلیمن نہیں ہو.
:nth-child() p:nth-child(2) انتخاب کا پیر ایلیمن کا دوسرا بچ کا <p> ایلیمن.
:nth-last-child() p:nth-last-child(2) عناصر <p> که دومین فرزند خود در عنصر والد آن هستند، انتخاب می شوند.
:nth-last-of-type() p:nth-last-of-type(2) عناصر <p> که دومین فرزند خود در عنصر والد آن هستند، انتخاب می شوند.
:nth-of-type() p:nth-of-type(2) عناصر <p> که دومین عنصر <p> از نوع خود در عنصر والد آن هستند، انتخاب می شوند.
:only-child p:only-child عناصر <p> که تنها فرزند خود در عنصر والد آن هستند، انتخاب می شوند.
:only-of-type p:only-of-type عناصر <p> که تنها عنصر <p> از نوع خود در عنصر والد آن هستند، انتخاب می شوند.
:optional textarea:optional عناصر <input>، <select> یا <textarea> بدون ویژگی required انتخاب می شوند.
:out-of-range input:out-of-range عناصر <input> دارنده ارزشی که از محدوده مشخص شده فراتر می‌رود، انتخاب می شوند.
:placeholder-shown input:placeholder-shown عناصر <input> یا <textarea> دارنده متن جایگزین نمایش داده شده انتخاب می شوند.
:popover-open :popover-open عناصری که در حالت نمایش بالاپر (popover) هستند، انتخاب می شوند.
:read-only input:read-only عناصر ورودی دارنده ویژگی readonly انتخاب می شوند.
:read-write input:read-write عناصر ورودی قابل ویرایش انتخاب می شوند.
:required input:required عناصر ورودی دارنده ویژگی required انتخاب می شوند.
:right @page :right تمامی صفحات سمت راست مستند را نمایش می‌دهد (با استفاده از قاعده @page).
:root :root عنصر ریشه مستند انتخاب می شود.
:scope :scope عناصری که به عنوان نقطه یا محدوده مرجع برای انتخابگر مطابقت دارند، انتخاب می شوند.
:state() :state() عناصر سفارشی دارنده وضعیت سفارشی مشخص شده انتخاب می شوند.
:target :target عنصر هدف فعلی انتخاب می شود.
:user-invalid :user-invalid عناصر فرم دارنده ارزش نامعتبر انتخاب می شوند (پس از تعامل کاربر).
:user-valid :user-valid عناصر فرم دارنده ارزش معتبر انتخاب می شوند (پس از تعامل کاربر).
:valid input:valid اختیار سارندار ورودی عناصر.
:visited a:visited تمام مرتبط لنکس کو انتخاب کریں
:where() :where(ol, ul) تمام <ul> اور <ol> عناصر کو انتخاب کریں