Setelah kami menjalankan survei sebelumnya guna membantu memilih sintaksis untuk Penyarangan CSS, Kelompok Kerja CSS melanjutkan perdebatan tentang cara terbaik untuk menentukan tingkatan di CSS. Selama diskusi, ide-ide sintaks baru disarankan. Sebuah survei baru untuk membantu Kelompok Kerja memilih di antara salah satu sintaksis ini.
Opsi
Berdasarkan hasil survei sebelumnya, opsi satu dan dua tidak lagi dipertimbangkan. Dua opsi baru (empat dan lima) telah ditambahkan.
Opsi 5: Penampung bertingkat tingkat atas
Memperkenalkan aturan @nest tingkat atas yang berisi blok & { … } dengan deklarasi dan beberapa aturan gaya bertingkat.
@nest selector {
& {
property: value;
}
nested-selector {
property: value;
}
}
Opsi 4: Proposal postfix
Blok kode tambahan yang berisi aturan bertingkat disisipkan setelah aturan utama yang berisi deklarasi.
selector {
property: value;
} {
nested-selector {
property: value;
}
}
Opsi 3: Proposal memulai tanpa huruf
Setiap aturan bertingkat menjadi tidak ambigu dengan sendirinya, dengan mewajibkannya dimulai dengan non-simbol. Anda dapat menulis & div atau :is(div) jika perlu memulai pemilih dengan pemilih jenis.
selector {
property: value;
& nested-selector {
property: value;
}
}
Meskipun cuplikan di atas hanya digunakan untuk menunjukkan dasar-dasar setiap proposal, terdapat banyak contoh lainnya yang disertakan bersama dengan survei baru.
Berikan suara Anda
Untuk memberikan suara, buka https://webkit.org/blog/13607/. Pemungutan suara tidak memerlukan pendaftaran, pilih "Opsi 5", "Opsi 4", atau "Opsi 3" dan tekan Kirim.