CSS İç İçe Yerleştirme söz dizimini seçmeye yardımcı olacak önceki anketi gerçekleştirdikten sonra, CSS Çalışma Grubu, CSS'de iç içe yerleştirmeyi tanımlamanın en iyi yolu üzerine tartışmaya devam etti. Görüşmeler sırasında yeni söz dizimi fikirleri önerildi. Çalışma Grubu'nun bu söz dizimlerinden herhangi biri arasında seçim yapmasına yardımcı olmak için yeni bir anket yapılmıştır.
Seçenekler
Bir önceki anketin sonuçları göz önüne alındığında, birinci ve ikinci seçenekler artık değerlendirmeye 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ı
Bildirimleri ve iç içe yerleştirilmiş birden fazla stil kuralı içeren bir & { … }
bloğu içeren üst düzey bir @nest
kuralı sunar.
@nest selector {
& {
property: value;
}
nested-selector {
property: value;
}
}
4. Seçenek: Teklif sonrası düzeltme
Bildirimleri içeren ana kuralın sonrasına, iç içe yerleştirilmiş kuralları içeren ekstra bir kod bloğu eklenir.
selector {
property: value;
} {
nested-selector {
property: value;
}
}
3. Seçenek: Harf olmayan başlangıç teklifi
İç içe yerleştirilmiş her kuralın kendi başına muğlak olması ve simge olmayan bir konuyla başlaması gerekir. Tür seçiciyle bir seçici başlatmanız gerekiyorsa & 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 birçok örnek eklenmiştir.
Oy verin
Oyunuzu vermek için https://webkit.org/blog/13607/ adresine gidin. Oy vermek için kayıt gerekmez, “Option 5”, “Option 4” veya “Option 3”ü seçin ve Gönder'e basın.