Верстка · Middle · Запитання 37 з 75
Як CSS Modules розв'язують проблему конфліктів імен класів?
- 1Забороняють на етапі збирання використовувати однакові імена класів у проєкті
- ✓Правильна відповідь: Генерують унікальні імена класів, роблячи стилі локальними для файлу
- 3Обгортають кожен компонент у Shadow DOM, ізолюючи його стилі
Пояснення
Клас .title з Card.module.css перетворюється, наприклад, на Card_title__x7a2b, а в компонент імпортується об'єкт відповідностей. Конфлікти зникають без домовленостей про імена. Глобальні стилі задають через :global. Shadow DOM - це механізм Web Components, CSS Modules його не використовують.