通过使用javascript添加ID来覆盖现有的div元素

Question

Html code



<div class="hamburger-menu">


CSS code

    .hamburger-menu {
Background-color: white !important;
}

我想用javascript在div中添加ID，这样我就可以用ID选择器添加新的背景色。我对javascript有点陌生。

有人能帮我吗？

谢谢

Answer 1

1. 每当您使用!important样式元素时，它都会覆盖所有现有样式，甚至id指定的样式。检查此示例
2. 始终不要在!important中使用id选择器、内联样式或样式，因为这会使修改样式变得非常困难。看看这篇文章