抵消現有的風格

Question

我有一個填充的div，創建和樣式的Javascript。 這個div是在頁面上創建了下面的CSS規則：

div { 
    width: 100%; 
} 

這打亂了，因爲它改變了我創建的div什麼它自然會加上它的填充寬度（所以我最終的按鈕在div邊界之外）。我不能靜態設置div寬度，因爲它們取決於內容。那麼，我該如何覆蓋這個規則並將其恢復爲「默認寬度」？

Answer 1

您需要以下CSS：

div { width: auto; } 

由於CSS規則是通過JavaScript，這會導致它是一個內嵌式的應用，您可能需要使用!important，以確保新的規則具有更高的特異性，所以你可以覆蓋舊的。

div { width: auto !important; } 

當然，它甚至會更好，如果你能編輯的JavaScript所以它不會樣式添加到div了。