Javascript 如何更改hamberger的背景色

我试着把汉堡的背景颜色从黑色改成黄色，但没有成功。 以下是我的尝试：

//汉堡包
$（“.hamburger”）.toggleClass（“处于活动状态”）；
变量$hamburger=$（“.hamburger”）；
$hamburger.on（“点击”），功能（e）{
$hamburger.toggleClass（“处于活动状态”）；
//执行其他操作，如打开/关闭菜单
});
。汉堡包{
背景颜色：黄色；
}

您不需要添加
！重要信息
要更改颜色，您可以通过使用自定义父类（.hamburger类）将内部子级作为目标

这样做将覆盖hamburger.css，而不使用重要的类，并保持代码干净

.hamburger1 .hamburger-inner,
.hamburger1 .hamburger-inner::before,
.hamburger1 .hamburger-inner::after {
  background-color: yellow;
}


//汉堡包
$（“.hamburger1”）.toggleClass（“处于活动状态”）；
变量$hamburger1=$（“.hamburger1”）；
$hamburger1.on（“点击”），功能（e）{
$hamburger1.toggleClass（“处于活动状态”）；
//执行其他操作，如打开/关闭菜单
});
//汉堡包
变量$hamburger2=$（“.hamburger2”）；
$hamburger2.on（“点击”），功能（e）{
$hamburger2.toggleClass（“处于活动状态”）；
//执行其他操作，如打开/关闭菜单
});
.hamburger1.汉堡内胆，
汉堡包内胆：在，
1.汉堡包内胆{
背景颜色：黄色；
}
.hamburger2.is-active.汉堡内胆，
.hamburger2.is-active.hamburger-inner:：before，
.hamburger2.is-active.hamburgerinner:：after{
背景颜色：黄色；
}

如果你想点击
您不需要添加
！重要信息
要更改颜色，您可以通过使用自定义父类（.hamburger类）将内部子级作为目标

这样做将覆盖hamburger.css，而不使用重要的类，并保持代码干净

.hamburger1 .hamburger-inner,
.hamburger1 .hamburger-inner::before,
.hamburger1 .hamburger-inner::after {
  background-color: yellow;
}


//汉堡包
$（“.hamburger1”）.toggleClass（“处于活动状态”）；
变量$hamburger1=$（“.hamburger1”）；
$hamburger1.on（“点击”），功能（e）{
$hamburger1.toggleClass（“处于活动状态”）；
//执行其他操作，如打开/关闭菜单
});
//汉堡包
变量$hamburger2=$（“.hamburger2”）；
$hamburger2.on（“点击”），功能（e）{
$hamburger2.toggleClass（“处于活动状态”）；
//执行其他操作，如打开/关闭菜单
});
.hamburger1.汉堡内胆，
汉堡包内胆：在，
1.汉堡包内胆{
背景颜色：黄色；
}
.hamburger2.is-active.汉堡内胆，
.hamburger2.is-active.hamburger-inner:：before，
.hamburger2.is-active.hamburgerinner:：after{
背景颜色：黄色；
}

如果你想点击
由于您正在加载外部CSS工作表，请确保在下面添加自定义CSS并包括以下内容：

.hamburger-inner, 
.hamburger-inner::before,
.hamburger-inner::after {
  background-color: yellow;
}

您应该准备好了。
因为您正在加载外部CSS表，请确保在下面添加自定义CSS并包括以下内容：

.hamburger-inner, 
.hamburger-inner::before,
.hamburger-inner::after {
  background-color: yellow;
}

你应该准备好了。
button.hamburger{background color:yellow；}
button.hamburger{background color:yellow；}