css - 有没有办法覆盖 `overflow` 的内联 CSS？

Question

如果我想覆盖内联 css，我必须使用 !important 或 javascript。

但是如果我想覆盖，例如，不重要的行内宽度，我可以使用 max-width 或 min-width

有什么方法可以覆盖内联

  overflow:hidden 

Answer 1

使用 CSS

您可以使用 !important 关键字覆盖内联样式，如下所示。使用 !important 关键字通过类样式将内联样式背景绿色覆盖为其他颜色。

.test {
 background-color:#ff00ff !important; 
}

<div class="test" style="background-color:green">
<h1>
Sample
</h1>
</div>

使用 Javascript

您也可以使用 JavaScript 实现同样的效果。

document.getElementById('test').style.backgroundColor = '#fff000';

<div id="test" style="background-color:green">
<h1>
Sample
</h1>
</div>