Setelah kami menjalankan survei sebelumnya untuk membantu memilih sintaksis untuk CSS Nesting, CSS Working Group melanjutkan debat tentang cara terbaik untuk menentukan nesting di CSS. Selama diskusi, ide sintaksis baru disarankan. Untuk membantu Grup Kerja memilih antara sintaksis ini, ada survei baru.
Opsi
Berdasarkan hasil survei sebelumnya, opsi satu dan dua tidak lagi dipertimbangkan. Dua opsi baru (empat dan lima) telah ditambahkan.
Opsi 5: Penampung bertingkat level teratas
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 awal non-huruf
Setiap aturan bertingkat harus jelas dengan sendirinya, dengan mewajibkannya untuk diawali 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, ada banyak contoh lainnya yang disertakan bersama 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”, lalu klik Kirim.