شبه کلاس default: در CSS

:default Pseudo-class

شبه کلاس default: در CSS، از میان عناصری که بحالت پیشفرض هستند و در یک گروه حضور دارند، انتخاب می کند. انتخاب شده ها میتوانند از میان <button> , <input type=checkbox> , <input type=radio> و <option> باشند.

• در عنصر option اولین عنصری که صفت selected داشته باشد، با شبه کلاس default: مطابقت پیدا می کند.
• <input type=checkbox> و <input type=radio> زمانی با شبه کلاس default: مطابقت پیدا میکنند که صفت checked داشته باشند.
• <button> زمانی مطابقت پیدا میکند که دکمه پیشفرض تایید <form> باشد.

در مثال زیر میبینیم که به عنصر <input type=radio> که صفت checked افزوده شده است، با شبه کلاس default: مطابقت پیدا می کند:

HTML

<fieldset>
  <legend>فصل مورد علاقه خود را انتخاب کنید</legend>

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

  <input type="radio" name="season" id="summer" checked>
  <label for="summer">تابستان</label>

  <input type="radio" name="season" id="fall">
  <label for="fall">پاییز</label>

  <input type="radio" name="season" id="winter">
  <label for="winter">زمستان</label>
</fieldset>

css

input:default + label {
  color: coral;
}

مشاهده و ویرایش کد در حالت تمام صفحه

پشتیبانی مرورگرها
تمام مرورگرها بجز Internet Explorer از این شبه کلاس در CSS پشتیبانی می کنند.