Ограничить действие CSS, подключенного через cdn, только содержанием одного div?

Question

Подключил bootstrap через cdn:

<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css">

Но нужно чтобы он работал только с содержанием одного div. Потому что портит верстку на остальной части страницы, а там другая библиотека стилей работает.

Можно ли cdn загрузить каким-то другим образом (через js или jQuery, например), чтобы он работал только с содержанием одного div?

Архитектура страницы следующая:

<html><body>
   <div id="A"> <!-- Здесь работает другая библиотека, которой bootstrap мешает -->
      <div id="B"> <!-- Здесь работает bootstrap, которому другая библиотека не мешает -->
      </div>
   </div>
</body></html>

Answer 1

Спасибо Lukas, благодаря Вашим ссылкам вышел на нужное решение: https://github.com/onderakbulut/Isolated-Bootstrap-5/blob/main/bootstrap-5.0.1-iso.css

БЛОГ НА HUSL

Ограничить действие CSS, подключенного через cdn, только содержанием одного div?

Ответы (1 шт):