如何在 React 中通过 JS 删除某个页面上所有继承的 CSS 样式?

问题描述

我正在开发一个像 Codepen 这样的网站,我们正在努力让它起步。

因此,用户可以在 React 中编写一些代码,然后站点显示他们编写的内容,并且还将部署它。问题是一些元素的样式是从主站点继承的,不能通过 CSS 覆盖;唯一的方法是通过内联样式。是否有某种 JS 代码可以将样式重置为认值?类似的东西

H1.style.* = "default"

使用 !important 是可行的,但真正能够在用户编码时为用户提供一个干净的 CSS...

您可以在此处查看实际的笔记本(我们称之为):https://djit.su/dL22DiUPUmCf2kQMLBoAJ

如您所见,内联样式很有效

Inline Styles work,not from CSS

并且还使用 !important 作品

!important also works

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)