Как можно подключить css файл только для одного div на странице?

Question

[Марк Ешкилев]

Здравствуйте, есть один css файл, можно ли его использовать только в div а не на всей странице, к примеру я ставлю

<link rel="stylesheet" type="text/css" href="/semantic.min.css">

в самый низ страницы, и этот css работает на всю страницу, можно ли как то сделать чтобы этот css работал только для одного div??

Comments

[Антон Литвиненко]

Вопрос странный. Если на страницу уже подключён файл стилей, то он работает для всей страницы. А если в том, что что эти стили что-то ломают, тогда нужно уточнять селекторы

[mahmudchon]

Антон Литвиненко, я думаю, что понимаю автора. Смотрите, Вам на странице нужно, например, подключить элементы из bootstrap 5, но только для определенного блока div и его внутренностей, потому как для остального сайта Вы не используете bootstrap. Но так, чтобы при подключении файла bootstrap.css, со всем его набором, не повлиял на остальное представление. Верно?

[Владимир]

mahmudchon, Ваши желания с реальностью расходятся. Это так не работает.

[Rustam Bainazarov]

CSS-in-JS, styled components.

[mahmudchon]

Владимир, желания то не мои) Просто странность вопроса объяснил. Кстати, такое "работает" при подключении куска по iframe, как вариант, хоть и такой себе.

Answer 1

[originalnik123]

делаете селектори

Answer 2

[Сергей Кутузов]

Ситуация не совсем понятна. Зачем подгружать библиотеку ради одного блока? Что у вас ещё там задумано? Поподробнее.

Answer 3

[Андрей Скрынник]

через класс)

Comments

[Владимир]

Если есть возможность править исходный css, можно переделать его в scss обернуть в класс, прогнать через css компилер, подключить результирующий файл, блок к которому нужно применить стили обернуть в класс.
Вопрос теперь, ради чего такое поликостылирование?