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

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

相关推荐
前端若水1 分钟前
选择器的威力 —— :has()、@layer、原生嵌套
前端·css·css3
nashane3 分钟前
HarmonyOS 6学习:Web组件本地资源跨域访问全解析与实战
前端·学习·harmonyos·harmonyos 5
小陈同学,,9 分钟前
地图第一次进来慢的问题二
前端
万少20 分钟前
公测期 0 元/月!商汤 SenseNova 免费 Token 再不领就没了
前端·javascript·后端
Hello--_--World22 分钟前
Webpack:Webpack 核心配置、什么是 Loader? 什么是plugin?webpack 构建流程
前端·webpack·node.js
优联前端23 分钟前
什么是 GEO?SEO对比GEO,如何做好 GEO?怎么验证 GEO 效果?
前端·人工智能·用户体验·geo·seo优化·优联前端
时间不早了sss24 分钟前
Python处理文档
开发语言·前端·python
Json____25 分钟前
前端入门练习题集-HTML/CSS/JS实战小项目15个
前端·css·html
科研小白_29 分钟前
【第二期:MATLAB点云处理基础】KD树与点云邻域搜索
java·前端·人工智能
小江的记录本29 分钟前
【MySQL】《MySQL基础架构 面试核心考点问答清单》
前端·数据库·后端·sql·mysql·adb·面试