الفرق بين المراجعتين لصفحة: «CSS/:default»

مراجعة 15:33، 28 يناير 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">Spring</label>

<input type="radio" name="season" id="summer" checked>
<label for="spring">Summer</label>

<input type="radio" name="season" id="fall">
<label for="spring">Fall</label>

<input type="radio" name="season" id="winter">
<label for="spring">Winter</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

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

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

@@ سطر 55: / سطر 55: @@
 *مسودة [https://drafts.csswg.org/selectors-4/#default-pseudo Selectors Level 4].
 *مواصفة [https://drafts.csswg.org/css-ui-3/#pseudo-default CSS Basic User Interface Module Level 3].
-[[تصنيف:CSS]]
+[[تصنيف:CSS|{{SUBPAGENAME}}]]
-[[تصنيف:CSS Selectors]]
+[[تصنيف:CSS Selectors|{{SUBPAGENAME}}]]
-[[تصنيف:CSS pseudo-class]]
+[[تصنيف:CSS pseudo-class|{{SUBPAGENAME}}]]