Помогите выбрать синтаксис для вложения CSS.

После того, как мы провели предыдущий опрос, чтобы помочь выбрать синтаксис для вложенности CSS , рабочая группа 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» и нажмите «Отправить».

Отдайте свой голос!

,

После того, как мы провели предыдущий опрос, чтобы помочь выбрать синтаксис для вложенности CSS , рабочая группа 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» и нажмите «Отправить».

Отдайте свой голос!

,

После того, как мы провели предыдущий опрос, чтобы помочь выбрать синтаксис для вложенности CSS , рабочая группа 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» и нажмите «Отправить».

Отдайте свой голос!