javascript - 是否可以从javascript更改内部CSS？

我们在应用程序中以及选择特定元素时都有jquery菜单；它的背景颜色会改变。

颜色根据CSS改变。我们正在设计“主题”，并尝试使用Javascript动态更改CSS的颜色，以便选择菜单；它的颜色将改变。但是，我们没有很好的方法来做到这一点。

以下是CSS：-

.mmenu li.mmenu-selected > a
{
    background: #1971AA;
    color:#FFFFFF;
    font-weight: normal;
}

最佳答案

如果您有固定数量的背景值，请使用以下类：

.theme1 .mmenu li.mmenu-selected > a {background-color: #f99;}
.theme2 .mmenu li.mmenu-selected > a {background-color: #ff9;}
.theme3 .mmenu li.mmenu-selected > a {background-color: #fff;}

如果不是，请使用内联样式，以父级为目标并给出inherit：

$(".mmenu").css("background-color", "#ff9");

在CSS中：

.mmenu li.mmenu-selected > a {background-color: inherit;}

关于javascript - 是否可以从javascript更改内部CSS？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/31113434/