Bramus
Adam Argyle
CSS ネストの構文を選択するための以前のアンケートを実施した後、CSS ワーキング グループは CSS でネストを定義する最善の方法について議論を続けました。議論の中で、新しい構文のアイデアが提案されました。ワーキング グループがこれらの構文のいずれかを選択できるよう、新しいアンケートが実施されています。
オプション
前回のアンケート結果に基づき、オプション 1 と 2 は検討対象外となりました。2 つの新しいオプション（4 と 5）が追加されました。
オプション 5: 最上位のネスト コンテナ
宣言と複数のネストされたスタイルルールを含む & { … } ブロックを含むトップレベルの @nest ルールを導入します。
@nest selector {
& {
property: value;
}
nested-selector {
property: value;
}
}
オプション 4: Postfix の提案
宣言を含むメインルールの後に、ネストされたルールを含む追加のコードブロックが挿入されます。
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] を選択して [送信] をクリックします。