Знакомы ли вы с нативным CSS nesting? Вы за или против? Чем хорошо и чем опасно?

Нативная CSS-вложенность сокращает повторение селекторов, но глубокие цепочки усложняют каскад и сопровождение.

Используйте неглубокую структуру и явный & для состояний вроде &:hover. У списка родительских селекторов специфичность может определяться самым сильным вариантом, подобно :is(); поддержку проверяют по целевым браузерам, а не по сходству синтаксиса с Sass.

Источник: developer.mozilla.org.