CSS Nesting Não Suportado

O que causa este erro

O nesting CSS nativo (usando & ou aninhando seletores diretamente) é um novo recurso CSS. Navegadores mais antigos não reconhecem essa sintaxe e ignorarão as regras aninhadas.

Como corrigir

Use um pré-processador CSS (Sass, PostCSS) como fallback. Verifique o suporte dos navegadores antes de usar nesting nativo. Forneça CSS plano (sem aninhamento) como fallback.

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