javascript - 如何使用 JS 或 Jquery 在加载有 标记的外部 CSS 文件中定位 @import

Question

我正在使用第三方 JS 库，它通过将 link HTML 标记附加到 head 来加载缩小的 CSS Assets 。

在该 CSS 文件中，很少有 @import(at-rules)导入旧版本的 font awesome，它覆盖了我的字体。我怎样才能删除那个 @import 规则？

我试过

var styleTag = document.querySelector('link[href="https://external_file.css"]')

var sheet = styleTag.sheet ? styleTag.sheet : styleTag.styleSheet;

sheet.deleteRule (2); //the @import I want to delete is the third rule in the css document

然而，该代码在该文档中禁用了一些 CSS 规则，这可能是因为它被缩小了

有什么解决办法吗？

Answer 1

未经测试，但您可以尝试这种方法。

将您的 css 属性包含在单独的文件中。让应用程序首先加载缩小的 css。然后加载您的 css 文件。

例如first.css

#something{
  color: #FFF;
 }

And then in the second file:

 #something{
  color: #000;
 }

在这种情况下，将应用来自第二个文件的background-color