網頁的無CSS部分

Question

我正在使用jQtouch來構建移動Web應用程序（在這種情況下，瞭解jQtouch並不重要）。它是一個框架，它將一堆css應用到頁面中的元素（基本元素，如li和h1標籤）。

我正在建立一個RSS閱讀器的種類，我提取的飼料中有HTML。當我堅持的一篇文章的內容在我的網頁中，看起來像

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

它繼承了所有jqtouch的CSS它看起來不正確的標籤內的HTML。

我怎樣才能將內容加載到一個div無需CSS規則（而無需重寫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，我假設你用於移動。