Применить другой файл стиля CSS в разных тегах раздела на одной странице

Question

У меня есть 4 раздела на веб-странице, и я хочу, чтобы в каждом разделе использовалась другая таблица стилей. У меня есть 4 разных таблицы стилей, но они имеют одинаковые идентификаторы и классы, но с разными значениями. Мне нужно это для демонстрационной страницы, где я могу показать разные стили одной и той же вещи на одной странице.

Answer 1

CSS применяется ко всему документу, так что ваши варианты:

• Используйте отдельные документы
• Перепишите CSS предварять section#your-section (с последующим потомка комбинатора) для каждого селектора.

(Вы также можете надеяться и ждать, пока scoped CSS будет хорошо поддерживаться).