الصنف ‎:default

من موسوعة حسوب
< CSS
مراجعة 21:01، 19 أكتوبر 2018 بواسطة Riyad-khalifeh (نقاش | مساهمات)
(فرق) → مراجعة أقدم | المراجعة الحالية (فرق) | مراجعة أحدث ← (فرق)

الصنف الزائف ‎:default في CSS (أي pseudo-class) يُمثِّل أي عنصر مُختار افتراضيًا بين مجموعة من العناصر المتعلقة به؛ ويمكن استخدام هذا الصنف الزائف على أيّة أزرار عادية <button> أو أزرار انتقاء (radio button) أو صناديق تأشير (checkbox) أو خيارات <option> في عنصر <select> تم تحديدها أو انتقاؤها.

input:default {
  background-color: lime;
}

العناصر التي تسمح باختيار أكثر من عنصر يمكن أن يكون لها أكثر من عنصر مُختار افتراضيًا، ففي هذه الحالة ستُحدَّد جميع الخيارات الافتراضية باستخدام الصنف الزائف ‎:default. الشكل العام لهذا المحدد:

:default

أمثلة

لاحظ كيف حددنا أيّة عناصر <input> مُختارَة افتراضيًا باستخدام الصنف الزائف ‎:default:

<input type="radio" name="season" id="spring">
<label for="spring">الربيع</label>

<input type="radio" name="season" id="summer" checked>
<label for="spring">الصيف</label>

<input type="radio" name="season" id="fall">
<label for="spring">الخريف</label>

<input type="radio" name="season" id="winter">
<label for="spring">الشتاء</label>

شيفرة CSS:

input:default {
  box-shadow: 0 0 2px 1px coral;
}

input:default + label {
  color: coral;
}

دعم المتصفحات

الميزة Chrome Firefox Internet Explorer Opera Safari
الدعم الأساسي 10.0 4.0 غير مدعومة 10.0 5.0

انظر أيضًا

  • صفحة الصنف الزائف checked: الذي يُمثِّل أيّة أزرار انتقاء (radio button) أو صناديق تأشير (checkbox) أو خيارات <option> في عنصر <select> تم تحديدها أو انتقاؤها.
  • صفحة الصنف الزائف disabled: الذي يُمثِّل أي عنصر مُعطَّل.

مصادر ومواصفات