Как пометить сторонние стили как @media screen {}

Question

Есть ли способ внедрить (не импортировать) файлы CSS в другой файл CSS?

Я использую меньше и пытаюсь это:

@media screen {
    @import (less) url("../Content/components/bootstrap/dist/css/bootstrap.min.css") screen;
    @import "fanoe.css" screen;
    @import "../Content/components/font-awesome/css/font-awesome.min.css" screen;
    @import "../Content/components/jquery-ui/themes/smoothness/jquery-ui.min.css" screen;
    @import "style.base.less" screen;
}

Однако вышеприведенное не работает - сторонние стили не отображаются, и мои стили нарушены из-за пропущенных классов.

(Расположение файлов правильное)

Идея состоит в том, чтобы все стили были media=screen поэтому я хочу, чтобы все классы в @media screen {},

Поэтому я хочу иметь что-то вроде этого в файле style.css:

@media screen {
    .bootstrap-class { }
    .font-awesome-class { }
    .custom-class { }
}

и т.п.

Или любая идея, как пометить сторонние стили как @media screen {} можно только приветствовать