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