CSS-是否有一個div html（在頁面中）而沒有頁面的CSS規則

Question

我在Liferay門戶網站上遇到問題。

我有一個網頁內容，其文本部分另存為html。 在我的jsp中，我有：

 <div>${aWebContent.content}</div>

但是該頁面包含一個應用於所有頁面（liferay主題）的css，我不希望將此應用於我的div。 是否存在解決方案？

na！

Answer 1

您可以通過設置CSS的all屬性來取消設置元素的all樣式。

.someDivClass{
  all: initial;
}

這將刪除該元素本身或父元素對該元素應用的所有CSS，並將重置為初始值。

並非所有瀏覽器都支持此屬性，要了解對瀏覽器的支持，您可以點擊以下鏈接-https://caniuse.com/#search=all

Answer 2

一種選擇是將您的窗口小部件嵌入iframe中； 這樣，周圍文檔中的樣式都不會被繼承。 這是許多社交小部件（例如共享按鈕）使用的方法，因此不會出現任何樣式干擾。

有僅CSS選項開始推出。 Safari支持：

.widget { all: revert; )

這正是您所追求的。 對以下內容的支持更大：

.widget { all: initial; )

這是由所有現代瀏覽器（不是Internet Explorer）的支持，但剔除風格回超越瀏覽器的默認值（例如<div>旨意成為內聯），所以你必須要添加這些回-例如：

.widget block { display: block; }

但是至少您不會遇到樣式沖突。

Answer 3

盡管其他答案（全部：首字母縮寫）都不錯，但這是另一方面：您可能想要某種風格，因此您也可以在主題中使用更具體的風格。 某些瀏覽器默認將灰色設為黑色，而某些則將白色設為黑色。