این صفحه به‌وسیله ‏Cloud Translation API‏ ترجمه شده است.

به انتخاب نحو برای CSS Nesting کمک کنید

Bramus

Adam Argyle

پس از اینکه نظرسنجی قبلی را برای کمک به انتخاب نحو برای CSS Nesting انجام دادیم، گروه کاری CSS به بحث در مورد بهترین راه برای تعریف تودرتو در CSS ادامه داد. در طول بحث، ایده های نحوی جدیدی پیشنهاد شد. برای کمک به گروه کاری در انتخاب بین هر یک از این نحو، یک نظرسنجی جدید وجود دارد.

گزینه ها

بر اساس نتایج نظرسنجی قبلی ، گزینه های یک و دو دیگر در نظر گرفته نمی شوند. دو گزینه جدید (چهار و پنج) اضافه شده است.

گزینه 5: ظرف تودرتو سطح بالا

یک قانون @nest در سطح بالا معرفی می‌کند که حاوی یک بلوک & { … } با اعلان‌ها و چندین قانون سبک تودرتو است.

@nest selector {
  & {
    property: value;
  }
  nested-selector {
    property: value;
  }
}

گزینه 4: پیشنهاد پسوند

یک بلوک کد اضافی حاوی قوانین تودرتو پس از قانون اصلی که حاوی اعلان ها است درج می شود.

selector {
  property: value;
} {
  nested-selector {
    property: value;
  }
}

گزینه 3: پیشنهاد شروع غیر نامه ای

هر قانون تودرتو به خودی خود بدون ابهام است، با الزام آن که با یک غیر نماد شروع شود. اگر می‌خواهید انتخابگر را با انتخابگر نوع شروع کنید، می‌توانید & div یا :is(div) بنویسید.

selector {
  property: value;
  & nested-selector {
    property: value;
  }
}

در حالی که تکه‌های بالا فقط برای نشان دادن اصول اولیه هر پیشنهاد استفاده می‌شوند، نمونه‌های بیشتری همراه با نظرسنجی جدید وجود دارد.

رای خود را بدهید

برای رای دادن به آدرس https://webkit.org/blog/13607/ مراجعه کنید. رای دادن نیازی به ثبت نام ندارد، "گزینه 5"، "گزینه 4" یا "گزینه 3" را انتخاب کنید و گزینه Submit را بزنید.

رای خود را بدهید

Bramus

Adam Argyle

گزینه ها

گزینه 5: ظرف تودرتو سطح بالا

یک قانون @nest در سطح بالا معرفی می‌کند که حاوی یک بلوک & { … } با اعلان‌ها و چندین قانون سبک تودرتو است.

@nest selector {
  & {
    property: value;
  }
  nested-selector {
    property: value;
  }
}

گزینه 4: پیشنهاد پسوند

یک بلوک کد اضافی حاوی قوانین تودرتو پس از قانون اصلی که حاوی اعلان ها است درج می شود.

selector {
  property: value;
} {
  nested-selector {
    property: value;
  }
}

گزینه 3: پیشنهاد شروع غیر نامه ای

selector {
  property: value;
  & nested-selector {
    property: value;
  }
}

رای خود را بدهید

Bramus

Adam Argyle

گزینه ها

گزینه 5: ظرف تودرتو سطح بالا

یک قانون @nest در سطح بالا معرفی می‌کند که حاوی یک بلوک & { … } با اعلان‌ها و چندین قانون سبک تودرتو است.

@nest selector {
  & {
    property: value;
  }
  nested-selector {
    property: value;
  }
}

گزینه 4: پیشنهاد پسوند

یک بلوک کد اضافی حاوی قوانین تودرتو پس از قانون اصلی که حاوی اعلان ها است درج می شود.

selector {
  property: value;
} {
  nested-selector {
    property: value;
  }
}

گزینه 3: پیشنهاد شروع غیر نامه ای

selector {
  property: value;
  & nested-selector {
    property: value;
  }
}