让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;

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

相关推荐
森叶7 分钟前
Electron 安装包 asar 解压定位问题实战
前端·javascript·electron
drebander11 分钟前
ubuntu 安装 chrome 及 版本匹配的 chromedriver
前端·chrome
软件技术NINI20 分钟前
html知识点框架
前端·html
深情废杨杨24 分钟前
前端vue-插值表达式和v-html的区别
前端·javascript·vue.js
GHUIJS24 分钟前
【vue3】vue3.3新特性真香
前端·javascript·vue.js
markzzw28 分钟前
我在 Thoughtworks 被裁前后的经历
前端·javascript·面试
众生回避30 分钟前
鸿蒙ms参考
前端·javascript·vue.js
洛千陨31 分钟前
Vue + element-ui实现动态表单项以及动态校验规则
前端·vue.js
GHUIJS1 小时前
【vue3】vue3.5
前端·javascript·vue.js
&白帝&2 小时前
uniapp中使用picker-view选择时间
前端·uni-app