Question

我正在使用jQtouch来构建移动Web应用程序（知道jQtouch在这种情况下并不重要）。它是一个框架，它将一堆css应用于页面中的元素（基本元素，如li和h1标签）。

我正在构建一个各种各样的RSS阅读器，我获取的源代码中包含html。当我在一个看起来像

的标签的内部html中将文章的内容粘贴到我的页面中时

<div id="article"></div>

它继承了jqtouch的所有css，看起来不对。

如何在不应用css规则的情况下将内容加载到div中（并且无需重写css文件）

Answer 1

同事提出的一个解决方案是在页面上创建iframe，并使用js设置src="article.html?contents=URL_ENCODED_PAGE_CONTENTS"

并让article.html阅读内容并将其粘贴在div中。

这似乎是一种混乱的方式，因为它需要一个外部页面和所有。

Answer 2

我很困惑为什么你不只是设置#article元素的样式（即#article h1，＃article li）。如果你不这样做，他们将继承父母的风格是不可避免的。

iFraming将避免继承样式的问题但它在HTML5中不再有效，我假设您正在使用它。