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

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

相关推荐
多看书少吃饭4 分钟前
从Vue到Nuxt.js
前端·javascript·vue.js
前端一小卒14 分钟前
从 v5 到 v6:这次 Ant Design 升级真的香
前端·javascript
前端不太难1 小时前
《Vue 项目路由 + Layout 的最佳实践》
前端·javascript·vue.js
LYFlied1 小时前
【每日算法】 LeetCode 56. 合并区间
前端·算法·leetcode·面试·职场和发展
想学后端的前端工程师2 小时前
【Vue3组合式API实战指南:告别Options API的烦恼】
前端·javascript·vue.js
否子戈2 小时前
WebCut前端视频编辑UI框架一周开源进度
前端·音视频开发·ui kit
昔人'2 小时前
`corepack` 安装pnpm
前端·pnpm·node·corepack
萌萌哒草头将军2 小时前
pnpm + monorepo 才是 AI 协同开发的最佳方案!🚀🚀🚀
前端·react.js·ai编程
lcc1872 小时前
CSS margin问题
css
hboot3 小时前
💪别再迷茫!一份让你彻底掌控 TypeScript 类型系统的终极指南
前端·typescript