如何将第三方样式标记为@media屏幕{}

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 {}的想法。