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

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

相关推荐
excel2 分钟前
🧩 Vue 编译工具中的实用函数模块解析
前端
excel5 分钟前
🧩 深入剖析 Vue 编译器中的 TypeScript 类型系统(第五篇)
前端
excel11 分钟前
🧩 深入剖析 Vue 编译器中的 TypeScript 类型系统(第六篇 · 终篇)
前端
不吃香菜的猪14 分钟前
el-upload实现文件上传预览
前端·javascript·vue.js
excel19 分钟前
🧩 深入剖析 Vue 编译器中的 TypeScript 类型系统(第四篇)
前端
excel24 分钟前
🧩 深入剖析 Vue 编译器中的 TypeScript 类型系统(第二篇)
前端
老夫的码又出BUG了26 分钟前
分布式Web应用场景下存在的Session问题
前端·分布式·后端
excel28 分钟前
🧩 深入剖析 Vue 编译器中的 TypeScript 类型系统(第三篇)
前端
excel32 分钟前
🧩 深入剖析 Vue 编译器中的 TypeScript 类型系统(第一篇)
前端
excel34 分钟前
深度解析 Vue SFC 编译流程中的 processNormalScript 实现原理
前端