如何爲div加載css？

Question

我有一個div-workarea，我想加載一個模板的主體內容。我可以加載內容，但是如何加載模板的CSS。如果我嘗試加載它，它會覆蓋我加載模板正文內容的頁面的默認CSS。我不想在我的項目中使用iframe。

在此先感謝

Answer 1

另一種替代方法是爲該div容器創建一個重置樣式表。將一個id選擇器放在您加載內容的容器div上，並將該ID用作模板中使用的樣式的前綴。

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

和CSS作爲

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

如果你不能做到這一點不是你唯一的選擇是iframe中。

Answer 2

你只有簡單的在這裏選擇是使用一個，樣式級聯下來，這就是他們是如何工作的，並旨在工作，如果你想在網頁的部分被大幅度地不同造型也不會繼承，是完美的工具。

很多人認爲框架是壞的，那是與iframe不同的東西，無論您在哪一行上使用元素都是完全合法的。爲什麼試圖在完美的工具準備好使用的時候以非常全面的方式解決問題？

例如，這是每一個富文本編輯器的頁面幾乎是如何工作的，通過一個，原因是多方面的，但保持獨立的造型就是其中之一:)

Answer 3

給予一定的ID給DIV像WorkArea一樣。現在在css文件中，編寫你的樣式並從。不要附加任何東西到身體的任何div從css，使用body作爲父類

Answer 4

可能很難，但給顯示器或預覽區域重要的優勢...

像...

#template_content { 
background: green !important; 
} 

那麼當你在另一個樣式表加載，＃template_content的背景無法改變，除非你有！重要定義在你正在加載的樣式表中。