抵消现有的风格

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了。