Jquery 你能让HTML的一部分只受一个样式表的影响吗？

我有一个链接到网站每个页面的样式表，另一个样式表覆盖了第一个页面。我想做的是在页面加载后使用jQuery（包含在一个div标记中）添加内容，但我只希望它受第一个样式表的影响，而其余的则受这两个样式表的影响。顺便说一句，第二个样式表是动态的，它可能会也可能不会影响我添加的内容，但我想确保它不会

有什么方法可以使用HTML5或JavaScript/jQuery实现这一点吗

---

谢谢。

我建议您修复覆盖其他内容的CSS属性，但您可以像您所说的那样在页面的该部分使用wrapper div，并在第一个CSS文档中为该部分编写CSS，例如

<div id="wrapper">


   ...


</div>


#wrapper a {
  ...
}
#wrapper b {
  ...
}
#wrapper p {
  ...
}

...
#包装纸{
...
}
#包装纸b{
...
}
#包装纸{
...
}

只需创建更多CSS规则以适合特定的类。

通过使用容器标识符，使样式表只影响所需的部分

<div class="my_section">

  <!-- your loaded content -->

</div>

但是如果您发现某些元素仍然受到其他css规则的影响（或者如果您只是想确保），那么请使用

！重要信息

decaration

.my_section label{ width : 100px !important; }
.my_section input{ border: 1px solid lightgray !important; }

此外，如果您发现某些元素在使用时仍然受到影响！将css属性添加到style属性之外的重要技术

<label style="width : 100px !important;">...</label>

。。。

---

这样，您将有望防止新加载的元素受到其他css规则的影响。

我希望避免这种情况，因为这意味着有很多额外的css，但我似乎没有太多选择。非常感谢。

<label style="width : 100px !important;">...</label>