Как заставить работать стили внутри div?

Question

[evgenin]

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

#myDiv {
  @import "~bootstrap/scss/bootstrap.scss";
  @import "./style.scss";
}

Comments

[evgenin]

С изменениями все же, но не в ручную же

https://github.com/gaoxiaoliangz/react-scoped-css

Answer 1

[Андрей Федоров]

Нет. @import можно использовать только в начале css-файла. Но в @import можно задать медиа-выражения, возможно это вам как-то поможет.

Comments

[evgenin]

Спасибо, решил вопрос библиотекой
https://github.com/gaoxiaoliangz/react-scoped-css

Answer 2

[Елисей Карамышев]

Насколько я знаю, импорт в sass указывается без формата файла

@import style
@import ~bootstrap/scss/bootstrap

Я не согласен с предыдущим комментатором, в sass импортировать можно в любом месте, я так делал неоднократно. Например это может пригодиться для тем не сайте.