CSS Nesting Desteklenmiyor

Bu hatanın nedenleri

Yerel CSS nesting (& kullanarak veya seçicileri doğrudan iç içe yazarak) yeni bir CSS özelliğidir. Eski tarayıcılar bu sözdizimini anlamaz ve iç içe kuralları yok sayar.

Nasıl düzeltilir

Yedek olarak bir CSS önişlemcisi (Sass, PostCSS) kullanın. Yerel nesting kullanmadan önce tarayıcı desteğini kontrol edin. Yedek olarak düz (iç içe olmayan) CSS sağlayın.

.parent {
  .child { color: red; }
}