CSS İç İçe Yerleştirme söz dizimini seçmeye yardımcı olmak üzere bir önceki anketi yayınladıktan sonra, CSS Çalışma Grubu, CSS'de iç içe yerleştirmeyi tanımlamanın en iyi yolunun ne olduğuna dair tartışmalara devam etti. Tartışmalar sırasında yeni söz dizimi fikirleri önerildi. Çalışma Grubunun bu söz diziminden birini seçmesine yardımcı olmak için yeni bir anket kullanıma sunuldu.
Seçenekler
Önceki anketin sonuçlarına göre birinci ve ikinci seçenek artık dikkate alınmamaktadır. İki yeni seçenek (dört ve beş) eklendi.
5. Seçenek: Üst düzey iç içe yerleştirme kapsayıcısı
Bildirimleri ve birden çok iç içe yerleştirilmiş stil kuralı içeren bir & { … }
blokunu içeren üst düzey bir @nest
kuralı sunar.
@nest selector {
& {
property: value;
}
nested-selector {
property: value;
}
}
4. Seçenek: Son ek teklifi
İç içe yerleştirilmiş kuralları içeren ekstra bir kod bloğu bildirimleri içeren ana kuraldan sonra eklenir.
selector {
property: value;
} {
nested-selector {
property: value;
}
}
3. Seçenek: Harf olmayan başlangıç teklifi
İç içe yerleştirilmiş her kural, simge dışı bir değerle başlamasını zorunlu kılarak tek başına net olmalıdır. Tür seçiciyle bir seçici başlatmanız gerekirse & div
veya :is(div)
yazabilirsiniz.
selector {
property: value;
& nested-selector {
property: value;
}
}
Yukarıdaki snippet'ler yalnızca her bir teklifin temel özelliklerini göstermek için kullanılsa da yeni anketle birlikte daha pek çok örnek eklenecektir.
Oy verin
Oyunuzu kullanmak için https://webkit.org/blog/13607/ adresine gidin. Oy vermek için kayıt gerekmez. “Seçenek 5”, “4. Seçenek” veya “3. Seçenek”i seçin ve Gönder'i tıklayın.