الفرق بين المراجعتين ل"CSS/:default"

المراجعة الحالية بتاريخ 21:01، 19 أكتوبر 2018

الصنف الزائف ‎: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: الذي يُمثِّل أي عنصر مُعطَّل.

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

معيار HTML Living Standard.
مواصفة HTML5.
مسودة Selectors Level 4.
مواصفة CSS Basic User Interface Module Level 3.

@@ سطر 15: / سطر 15: @@
 <syntaxhighlight lang="html">
 <input type="radio" name="season" id="spring">
-<label for="spring">Spring</label>
+<label for="spring">الربيع</label>
 <input type="radio" name="season" id="summer" checked>
-<label for="spring">Summer</label>
+<label for="spring">الصيف</label>
 <input type="radio" name="season" id="fall">
-<label for="spring">Fall</label>
+<label for="spring">الخريف</label>
 <input type="radio" name="season" id="winter">
-<label for="spring">Winter</label>
+<label for="spring">الشتاء</label>
 </syntaxhighlight>شيفرة CSS:<syntaxhighlight lang="css">
 input:default {
@@ سطر 50: / سطر 50: @@
 |5.0
 |}
-==مصادر ومواصفات==
+==انظر أيضًا==
+* صفحة الصنف الزائف <code>[[CSS/:checked|checked:]]</code> الذي يُمثِّل أيّة أزرار انتقاء ([[HTML/input/radio|radio button]]) أو صناديق تأشير ([[HTML/input/checkbox|checkbox]]) أو خيارات <code>[[HTML/option|<option>]]</code> في عنصر <code>[[HTML/select|<select>]]</code> تم تحديدها أو انتقاؤها.
+* صفحة الصنف الزائف <code>[[CSS/:disabled|disabled:]]</code> الذي يُمثِّل أي عنصر مُعطَّل.
+== مصادر ومواصفات ==
 *معيار [https://html.spec.whatwg.org/multipage/#selector-default HTML Living Standard].
 *مواصفة [http://www.w3.org/TR/html5/#selector-default HTML5].