Нативная вложенность CSS: BEM и Tailwind в одном проекте
Правила nesting, амперсанд и избегание специфичности «снежного кома».
CSS Nesting (`&__element`, `&:hover`) снижает размер файлов после PostCSS — но может раздуть специфичность, если вкладывать всё под `.card`.
Лимит: не более 2–3 уровней; модификаторы BEM оставляйте плоскими на корневом блоке.
- CSS nesting — MDN — Синтаксис & и ограничения.
- CSS nesting — web.dev — Миграция с Sass.
Команда
Stylelint правило max-nesting-depth спасает от хаоса.
В Tailwind v4 nesting в `@layer` согласуйте с документацией проекта.