CSS iç içe yerleştirme söz dizimini seçmenize yardımcı olmak için önceki anketi yayınladıktan sonra CSS Çalışma Grubu, CSS'de iç içe yerleştirmeyi tanımlamanın en iyi yolu hakkındaki tartışmaya devam etti. Tartışmalar sırasında yeni söz dizimi fikirleri önerildi. Çalışma Grubu'nun bu söz dizimlerinden birini seçmesine yardımcı olmak için yeni bir anket oluşturuldu.
Seçenekler
Önceki anketin sonuçlarına göre birinci ve ikinci seçenekler artık dikkate alınmıyor. İki yeni seçenek (dört ve beş) eklendi.
5. seçenek: Üst düzey iç içe yerleştirme kapsayıcısı
Beyan ve birden fazla iç içe yerleştirilmiş stil kuralı içeren bir & { … } bloğu içeren üst düzey bir @nest kuralı kullanıma sunar.
@nest selector {
& {
property: value;
}
nested-selector {
property: value;
}
}
4. seçenek: Son ek teklifi
Tanımlamaları içeren ana kuralın ardından iç içe yerleştirilmiş kuralları içeren ek 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, sembol olmayan bir karakterle başlaması koşuluyla kendi başına net olması gerekir. Bir seçiciyi tür seçiciyle başlatmanız gerekiyorsa & div veya :is(div) yazabilirsiniz.
selector {
property: value;
& nested-selector {
property: value;
}
}
Yukarıdaki snippet'ler yalnızca her teklifin temel özelliklerini göstermek için kullanılsa da yeni anketle birlikte daha birçok örnek yer alıyor.
Oy verin
Oy vermek için https://webkit.org/blog/13607/ adresine gidin. Oy vermek için kayıt yaptırmanız gerekmez. "5. Seçenek", "4. Seçenek" veya "3. Seçenek"i seçip Gönder'e basın.