如何阻止CMS的CSS影響我的內容？

我正在使用一個配置不好的可怕CSS的CMS（例如H1約爲12px）。我怎樣才能加載我的內容，而不會感染這種患病的CSS？如何阻止CMS的CSS影響我的內容？

我正在考慮一個iframe，但如果可能的話，我想保留它在CMS中。幀會起作用嗎？

2011-04-14 Mark

您使用的是哪種CMS？你不能修改CSS嗎？（或使用自定義CSS文件） – Rhapsody 2011-04-14 10:58:38

我可以但它會打破很多其他網頁：S – Mark 2011-04-14 11:04:22

如果你能在一個元素內保持內容與特定的類或ID（例如<div class="content">，那麼你可以適應重置樣式表（如Eric Meyer’s）至所有該類中的復位：

.content div, .content span, /* ...and so on */ 
{ 
    margin: 0; 
    padding: 0; 
    border: 0; 
    font-size: 100%; 
    font: inherit; 
    vertical-align: baseline; 
}

然後寫所有款式前綴與階級的支持，例如

.content h1 { 
    font-size: 3em; 
}

如果你寧願一切都恢復到（你有一個復位樣式表得到，而不是無樣式設置）默認瀏覽器的風格，你能適應Firefox’s built-in html.css stylesheet以類似的方式（即在包含所有內容的元素上將所有選擇器與類/ id相加）。

位拖動，但它可能比框架更小。（我認爲CMS會生成你的HTML，所以改變它使用框架比在你的CSS文件中解決它們的問題更困難。）

你可能會考慮改變你的CMS--它們是爲了減少你必須做的工作量，而不是增加它。

來源

2011-04-14 11:01:15

我可以做到這一點...有沒有辦法將所有的東西都重置爲默認？ – Mark 2011-04-14 11:03:18

@Mark：取決於「默認」的含義。重置樣式表嘗試刪除默認的瀏覽器樣式，讓您可以明確地構建所有您想要的樣式。如果您想恢復瀏覽器默認值，您可以抓住[Firefox的內部html.css樣式表]（http://davidwalsh.name/firefox-internal-rendering-css），這是其特定默認HTML樣式的來源，並且使用我建議的方法，將其應用於您的HTML內容。 – 2011-04-14 11:27:31

有沒有可能加載您的自定義CSS類？您應該在CMS的CSS類之後加載您的CSS類並覆蓋它們。

來源

2011-04-14 10:58:30

如何阻止CMS的CSS影響我的內容？

回答

相關問題