Как заставить css файл работать для определённого html блока?

Question

[KarambyG]

Привет, есть простая разметка, и 2 css файла со стилями.

<div id="block1"></div>
<div id="block2"></div>

Подскажите, как сделать так, чтобы 1 файл css работать ТОЛЬКО для блока id=block1. А второй файл для id=block2

Дело в том, что у меня внутри блоков block1 и block2 будет подгружаться ОДИНАКОВЫЙ хтмл код, с одинаковой разметкой, классами, и тд. И нужно чтобы в одном блоке стили работали из первого css файла, а во втором блоке из второго css файла.

Можно ли как-то это сделать? Пока в голову ничего не приходит.

Comments

[Виталий Першин]

Почитай про web-components shadow-dom и shadow-dom-style
Но скорее всего ты полез не в те дебри. Просто переопредели стили в другом блоке

[Александр Васильев]

просто пиши стили с зависимостью от определенных id, если они известны. В одном файле.
Если файлы принципиально разные, то гугли что-то такое «динамическая подгрузка css”.

[Ivan Ustûžanin]

если наплевать на совместимость, то ещё есть @scope