刚看到一篇文章介绍某个功能提到让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;
暂时就查到这两种方法,还有其他方法不妨评论区指教~