Какие плюсы и минусы отсутствия изоляции в CSS?

Без изоляции все стили в CSS глобальные. В этом есть и простота, и риски.

Плюсы

• Простота — не нужны сборка и инструменты, достаточно файла со стилями.
• Единый вид — глобальная типографика, цвета и базовые элементы применяются везде.
• Легко переопределять — тему или виджет можно настроить снаружи.

Минусы

• Конфликты имён — .title в одном месте ломает .title в другом.
• Гонка специфичности и !important, чтобы перебить чужие правила.
• Зависимость от порядка подключения файлов.
• Страх удалять — непонятно, где используется стиль, CSS только растёт.
• Сложно работать командой — изменения одного влияют на других.

Компромисс

Глобальными оставляют базу (reset, типографика, переменные-токены), а стили компонентов изолируют через БЭМ, CSS Modules или scoped.

:root { --color-text: #222; }
body { font-family: system-ui; color: var(--color-text); }

Коротко для собеседования

Без изоляции проще и легко задать общий вид, но растут конфликты, специфичность и мёртвый код; обычно глобальной оставляют только базу.

Подробнее: MDN — Cascade layers