让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 天前
React 受控组件如何模拟用户输入
前端·react.js
土了个豆子的1 天前
03.缓存池
开发语言·前端·缓存·visualstudio·c#
手握风云-1 天前
JavaEE 进阶第四期:开启前端入门之旅(四)
前端
魔云连洲1 天前
React中的合成事件
前端·javascript·react.js
六月的可乐1 天前
【干货推荐】AI助理前端UI组件-悬浮球组件
前端·人工智能·ui
呼啦啦呼_1 天前
Echarts自定义地图显示区域,显示街道学校等区域,对原有区域拆分
前端
浩星1 天前
iframe引入界面有el-date-picker日期框,点击出现闪退问题处理
前端·vue.js·elementui
技术钱1 天前
element plus 多个form校验
前端
yume_sibai1 天前
HTML HTML基础(3)
前端·html