Po przeprowadzeniu poprzedniej ankiety, która miała pomóc w wybraniu składni zagnieżdżania CSS, grupa robocza CSS kontynuowała debatę nad najlepszym sposobem definiowania zagnieżdżania w CSS. Podczas dyskusji pojawiły się nowe propozycje składni. Aby pomóc grupie roboczej wybrać jedną z tych składni, przygotowaliśmy nową ankietę.
Opcje
Na podstawie wyników poprzedniej ankiety opcje 1 i 2 nie są już brane pod uwagę. Dodaliśmy 2 nowe opcje (czwartą i piątą).
Opcja 5. Kontenery zagnieżdżone na najwyższym poziomie
Wprowadza regułę @nest najwyższego poziomu, która zawiera blok & { … } z deklaracjami i wieloma zagnieżdżonymi regułami stylu.
@nest selector {
& {
property: value;
}
nested-selector {
property: value;
}
}
Opcja 4. Propozycja Postfix
Po głównej regule zawierającej deklaracje wstawiany jest dodatkowy blok kodu z regułami zagnieżdżonymi.
selector {
property: value;
} {
nested-selector {
property: value;
}
}
Opcja 3. Propozycja dotycząca nieliterowego początku
Każda reguła zagnieżdżona musi być jednoznaczna sama w sobie, ponieważ musi zaczynać się od znaku niebędącego symbolem. Jeśli chcesz zacząć selektor od selektora typu, możesz wpisać & div lub :is(div).
selector {
property: value;
& nested-selector {
property: value;
}
}
Chociaż fragmenty kodu powyżej służą tylko do przedstawienia podstaw każdej propozycji, w nowej ankiecie znajdziesz znacznie więcej przykładów.
Zagłosuj
Aby oddać głos, wejdź na stronę https://webkit.org/blog/13607/. Głosowanie nie wymaga rejestracji. Wybierz „Opcja 5”, „Opcja 4” lub „Opcja 3” i kliknij Prześlij.