让css失效的方法

刚看到一篇文章介绍某个功能提到让css unmount，心想还有这种操作？于是简单搜寻了一下。

一般能想到的，让css失效的方法，无非就是通过覆盖的方式来解决。

比如 原本.dont样式是

.dont{

color: red;

}

增加多个优先级或者覆盖一下：

.dont{

 color: inherit;

}

然而，查了一下还有其他方式。

比如，我想废弃某个css文件的样式，可以在link标签上加上disabled属性（注意只是css的）。看mdn说明：<link>: The External Resource Link element - HTML: HyperText Markup Language | MDN

不过，非标准，在chrome上试了下可以。

另外一种，通过document.styleSheets 找到对应的样式成员，给它设置disabled属性为true即可，document.stylesSheets可以获取到页面的样式，不止是link标签的，style标签也可以。

document.styleSheets[0].disabled = true;

暂时就查到这两种方法，还有其他方法不妨评论区指教~