重設風格元素與繼承風格

Question

我有一個<div>，我不希望從任何其他樣式表繼承任何格式 - 我想從這個<div>開始新鮮。我該怎麼做？

Answer 1

我不知道任何解決方案，除了顯式重置此div的所有樣式。

Answer 2

你不能重置CSS樣式的繼承。爲了從新開始，你必須設計你的樣式表來防止不希望的繼承，除了覆蓋樣式外，這是唯一的方法。

Answer 3

使用類似於firebug或IE開發人員工具欄的東西來獲取應用於div的所有樣式的列表，並手動將它們全部重置，不幸的是。

Answer 4

我不確定你可以做一般的繼承覆蓋，但如果有支持這樣的事情會很好。

你做雖然有幾個選項...

你可以定義自己的風格，並使用！重要在每個語句（不完全的樂趣）結束。

div.myspecialdiv 
{ 
    padding:10px !important; 
    margin:0 auto !important; 
    font-size:12px !important; 
    font-family:Arial !important; 
    font-weight:normal !important; 
    /* and etc. */ 
} 

或者你也可以嘗試使用自動。

下面是一個例子：

div.myspecialdiv 
{ 
    padding:auto; 
    margin:auto; 
    background:auto; 
    font-size:auto; 
    font-family:auto; 
    font-weight:auto; 
    /* and etc. */ 
} 

你可以閱讀更多關於它在這裏：http://www.michaelhamrah.com/blog/2009/02/wiping-out-inherited-css-styles/

Answer 5

我發現你，如果你知道錯誤的CSS類，你可以使用內聯<Style>塊覆蓋該特定的樣式集。

例如，在我的問題中，第三方工具的樣式爲.RadComboBoxDropDown Input以設置所有輸入控件的樣式。但是，這導致了頁邊空白的問題，所以我能夠使用與錯誤的第三方css類完全相同的CSS類名稱，直接在它使用的點上添加以下內聯樣式塊。

<style> 
     .RadComboBoxDropDown input 
     { 
      margin: 0px !important; 
     } 
</style> 

我只在Chrome中測試過它，但它顯示應用了新類，並且樣式恢復了它們的正確佈局。

一個告誡，一旦你改變了CSS類，它將在這一點上貫穿整個頁面的新風格。