加载站点前如何禁用CSS文件

Question

这个标题看起来很混乱，但我将解释一下。

我正在尝试自定义一个旧论坛。
我写userStyle，上传到Greasyfork，然后通过TamperMonkey下载并应用。

这个论坛是超级老的，这意味着它的html和css在各种方面都是旧的和多余的。
所以我决定禁用它的css文件，写我自己的。
问题是……此时，新旧CSS将同时应用。

我想让网站/浏览器做什么:

1. 加载css文件//或者不加载
2. 禁用旧的css文件
3. 加载自定义css文件

当前实际情况:

1. 加载旧的和自定义的css文件
2. 禁用旧的css文件

基本上，旧的css是红色的，自定义的是蓝色的，旧的有很多"!important"每次我刷新网站时，它都会像混乱一样持续2秒(我的ping是200ms btw)，这让我很受伤…精神。

因此我希望当我刷新网站时，它不会加载旧的css.
删除旧的css文件的代码如下:

// Remove old css file that has "static" in the href attribute using jQuery
$('link[href*="static"]').remove()

如果你想要更多的信息，请随时问。
谢谢!

Answer 1

要禁用CSS，只需将其作为CSS导入部分的注释，如下所示:

...
<!-- <link rel="stylesheet" src="/path/to/old.css" /> -->
<link rel="stylesheet" src="/path/to/custom.css" />
...

与jQuery:

$('link[rel="stylesheet"]').attr('disabled', 'disabled');
$('head').append('<link rel="stylesheet" src="/path/to/custom.css" />');