时间戳

首页 > 解决方案 > 如何将第三方样式标记为@media screen {}

css - 如何将第三方样式标记为@media screen {}

问题描述

有没有办法将 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 {}为受欢迎的想法。

标签： cssstyleslesscss-import

解决方案

推荐阅读