Javascript 重置特定div的CSS样式

我有一个Wordpress链接到几个CSS文件。我有一个特定的div，它有自己的自定义样式（与主要的Wordpress样式无关）。但是Wordpress CSS搞乱了我的自定义div的样式。在HTML/CSS/Javascript/jQuery中，我是否可以告诉某个HTML元素忽略所有以前的样式

---

我曾尝试使用CSS重置样式表（），它们过滤掉了一些Wordpress样式，但我的大多数自定义div仍然很混乱。

您始终可以直接在元素上设置特定的CSS样式。直接应用于dom元素的样式始终优先于任何样式表中指定的样式

示例

<div id="myid"></div>

如果另一段JavaScript在一段时间后更改了该属性，唯一可以覆盖该属性的东西

如果样式表声明它们很重要，那么您可能需要这样做

document.getElementById('myid').style.color = "#FF0000 !important";

---

您可以在试图隔离的元素上添加更多的类，并通过将其类链接在一起在CSS中选择它

例如，对于以下四个

元素：

.container{
宽度：50px；
高度：50px；
边缘：1米；
边框：1px纯黑；
}
/*您可以添加更多属性*/
.红色集装箱{
背景：红色；
}
/*您可以覆盖属性*/
.圆形.红色.容器{
边界半径：100%；
边框颜色：红色；
}
/*您可以删除属性*/
.空白.圆形.红色.容器{
边界半径：未设置；
背景：未设置；
保证金：未结算；
}

一个更简单的方法是在一个单独的iframeWordpress中显示DIV，它设置了数千个内容。我试图重置，但我无法在没有银弹的情况下重置所有内容。你可以编辑wordpress样式表。

document.getElementById('myid').style.color = "#FF0000 !important";