Javascript 如何防止样式进入div

我有一个有趣的情况，我正试图找到解决办法

需要包含一个脚本，用于在页面上构建HTML元素。问题是，存在全局默认CSS样式，这些样式与这个构建元素交互，并阻止它运行

因此，我们的“.core设计表单”具有一个应用于此构建元素表单的属性。我们的样式都不需要使用，因为脚本正在调用自己的样式表

有没有办法防止包含此元素的div从我们的.core设计中获得任何和所有样式

编辑：增加细节的清晰性

1） 核心设计类附加到许多站点的每个页面

2） 目标子元素是元素名称，而不是类

3） 我可以添加样式来针对生成内容周围的div，但由于.core设计样式表的范围，我希望避免修改它

4） 生成的内容提取自己的样式表

5） 我无法控制被拉入的内容，将来可能会改变

(六)

正文{
//这里应用了.core设计，其中包含表单样式。
}
形式{
最小高度：300px；
最小宽度：300px；
背景色：黑色；
}

解决方案1： 很简单，这一切都是关于CSS选择器的

将名为“忽略此”的类添加到要忽略的表单中

然后更新全局css，使其具有

表单：not（.ignore this）

下面的示例中，CSS应用于第一个表单，但跳过了第二个表单。

。核心设计表单：非（.忽略此项）{
背景：红色；
}

表格111111
表格222222

解决方案1： 很简单，这一切都是关于CSS选择器的

将名为“忽略此”的类添加到要忽略的表单中

然后更新全局css，使其具有

表单：not（.ignore this）

下面的示例中，CSS应用于第一个表单，但跳过了第二个表单。

。核心设计表单：非（.忽略此项）{
背景：红色；
}

表格111111
表格222222
不太清楚，但我认为您存在css覆盖问题。
如果您知道div拥有的类和id的名称，您可以更改核心设计的id和类名，这样它们就不会相同。
比如：
如果您有一个名为.navi的类，且div包含.navi，则css将尝试覆盖div的类或核心的类。
确保您的核心类和id名称与div的名称是唯一的，但我认为您有css覆盖问题。
如果您知道div拥有的类和id的名称，您可以更改核心设计的id和类名，这样它们就不会相同。
比如：
如果您有一个名为.navi的类，且div包含.navi，则css将尝试覆盖div的类或核心的类。
确保您的核心类和id名称与div的名称是唯一的
是的，有一种方法。您可以使用
all
CSS属性。更多信息请点击这里

不支持IE:（，但有polyfills可用。
是的，有一种方法。您可以使用
all
CSS属性。更多信息请参见此处

不支持IE:（，但有polyfills可用。
这将重置所有样式：

div.className * { 

     all: initial; 
     all: unset; 

}

这将重置所有样式：

div.className * { 

     all: initial; 
     all: unset; 

}

只需删除这个类，然后发布你的CSS和HTML，以获得更好/更快的答案classname@sorayadragon你是说一个MCVE@BillGates我就是这么做的。只要删除这个类，发布你的CSS和HTML，以获得更好/更快的答案。或者MVCE：或者给它一个不同的名称classname@sorayadragon你是说一个MCVE@BillGates我是这样做的，我想要忽略的内容位于javascript生成的内容块内。我无权更改生成的内容。我想要忽略的表单位于javascript生成的内容块内。我无权更改生成的内容。与其说是重写，不如说是关闭。对于.core-d内的所有元素，都有全局最小设置设计所有页面和站点的一致性。生成的内容没有任何指定表单最小宽度的内容，例如，因此正在应用全局.core设计。由于生成的内容在.core设计的范围内，它继承了一些默认值。不是覆盖，而是关闭。存在全局最小值l.core设计中所有元素的设置，以确保所有页面和站点的一致性。例如，生成的内容没有任何指定表单最小宽度的内容，因此正在应用全局.core设计。由于生成的内容在.core设计的范围内，它继承了一些默认值。不幸的是我提出的任何解决方案都必须支持所有主流浏览器，包括IE。现在看来，我必须深入挖掘生成的内容，找到所有应用默认样式的实例，并重写它们。sigh@OrionSuperman检查此库，它可能会帮助您。不幸的是，我提出的任何解决方案都必须支持所有主要的浏览器，包括IE。看起来我将不得不深入挖掘生成的内容，找到所有应用默认样式的实例，并重写它们。sigh@OrionSuperman查看此库，它可能会对您有所帮助。