如何为div加载css？

Question

我有一个divare工作区，我想加载模板正文的内容。我可以加载内容，但如何加载模板的CSS。如果我试图加载它，它会覆盖我正在加载模板的正文内容的页面的默认css。我不想在我的项目中使用iframe。

提前致谢

Answer 1

这里唯一的简单选项是使用<iframe>，样式级联，这就是它们的工作方式和工作方式，如果你想要一个页面的一部分不同的样式也不会继承，<iframe>是完美的工具。

许多人认为框架是坏的，这与iframe不同，无论你在<iframe>元素上的哪一行都是完全合法的。当工作的完美工具准备好使用时，为什么要尝试以非常圆润的方式解决问题呢？

例如，这就是几乎所有富文本编辑器在页面中通过<iframe>工作的原因，原因很多，但保持样式分离是其中之一：）

Answer 2

另一种方法是为该div容器创建一个重置样式表。在您加载内容的容器div上放置一个id选择器，并将该ID用作模板中使用的样式的前缀。

<div id="template_content"></div>

和css为

#template_content h2 {....}    
#template_content p {...}

如果你不能这样做，那么你唯一的选择就是iframe。

Answer 3

像WorkArea一样给那个div一些id。现在在css文件中，编写你的样式和。不要用css作为身体的任何div附加任何东西，使用body作为父类

Answer 4

可能很难，但会给显示或预览区域带来重要的支配......

像...

#template_content {
background: green !important;
}

然后当您加载另一个样式表时，除非您在加载的样式表中定义了！important，否则无法更改＃template_content的背景。