CSS Nesting не підтримується

Що спричиняє цю помилку

Нативне вкладення CSS (з використанням & або прямого вкладення селекторів) є новою функцією CSS. Старі браузери не розпізнають цей синтаксис і ігнорують вкладені правила.

Як виправити

Використовуйте CSS-препроцесор (Sass, PostCSS) як запасний варіант. Перевірте підтримку браузерів перед використанням нативного вкладення. Надайте плоский (не вкладений) CSS як запасний варіант.

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