Po przeprowadzeniu poprzedniej ankiety, która ma pomóc wybrać składnię zagnieżdżania CSS, grupa robocza ds. usług porównywania cen kontynuowała dyskusję nad najlepszym sposobem zdefiniowania zagnieżdżania w CSS. W trakcie dyskusji zaproponowano nowe pomysły na składnię. Aby ułatwić grupie roboczej wybór jednej z tych składni, przygotowaliśmy nową ankietę.
Opcje
Na podstawie wyników poprzedniej ankiety opcja 1 i 2 nie są już brane pod uwagę. Dodaliśmy dwie nowe opcje (cztery i pięć).
Opcja 5. Kontener zagnieżdżania najwyższego poziomu
Wprowadza regułę @nest
najwyższego poziomu zawierającą blok & { … }
z deklaracjami i wieloma zagnieżdżonymi regułami stylów.
@nest selector {
& {
property: value;
}
nested-selector {
property: value;
}
}
Opcja 4. Propozycja pakietu Postfix
Dodatkowy blok kodu zawierający reguły zagnieżdżone jest wstawiony za regułą główną, która zawiera deklaracje.
selector {
property: value;
} {
nested-selector {
property: value;
}
}
Opcja 3. Nielistowa oferta pakietowa
Każda zagnieżdżona reguła jest niejednoznaczna, wymagająca, aby zaczynała się od znaku innego niż symbol. Jeśli chcesz zacząć selektor od selektora typu, możesz wpisać & div
lub :is(div)
.
selector {
property: value;
& nested-selector {
property: value;
}
}
Powyższe fragmenty kodu służą tylko do zaprezentowania podstawowych informacji o poszczególnych ofertach pakietowych, ale wraz z nową ankietą zawiera ona znacznie więcej przykładów.
Zagłosuj
Aby zagłosować, przejdź na stronę https://webkit.org/blog/13607/. Głosowanie nie wymaga rejestracji. Wybierz „Opcja 5”, „Opcja 4” lub „Opcja 3” i kliknij Prześlij.