CSS Nesting ile Daha Temiz ve Hiyerarşik Kod Yazımı

Tanım

CSS Nesting (iç içe stil yazımı), SCSS gibi ön işlemcilerde yaygın olan yapının CSS’e resmi olarak gelmesidir. Bu sayede CSS kodları daha modüler ve okunabilir hale gelir. Özellikle bileşen bazlı yapılarla uyum sağlar. Örnek: .card { & h2 { color: red; } } şeklinde, yalnızca .card içerisindeki h2’leri hedeflemek mümkündür.