当特定类处于活动状态时更改背景颜色

Question

我正在制作一个 wordpress 网站，页面加载时标题菜单具有背景颜色，但是当我滚动它时，它会将标题更改为粘性并更改背景颜色。 问题是下拉菜单不会改变颜色并保持与初始标题相同。

我想要做的是当标题包含 (stick) 类以转换下拉菜单的背景颜色时。

初始菜单：

<header class=" scroll_header_top_area dark stick scrolled_not_transparent page_header">

当它转换时：

<header class="scroll_header_top_area dark stick scrolled_not_transparent page_header sticky sticky_animate">

那么当标题有 (.sticky) 类时，是否可以添加 javascript 或 jquery 来订购下拉菜单以更改背景颜色？

谢谢。

编辑： https : //prnt.sc/o4xf4e https://prnt.sc/o4xf4e

这些是更好地理解问题的屏幕截图，抱歉没有以最好的方式表达。

我有这个 css 只更改下拉列表：

.drop_down .second .inner ul, .drop_down .second .inner ul li ul, .shopping_cart_dropdown, li.narrow .second .inner ul, .header_top .right #lang_sel ul ul, .drop_down .wide .second ul li.show_widget_area_in_popup .widget, .drop_down .wide.wide_background .second{
    background-color: #ffffff!important;
}

我在后面添加了 .scroll_header_top_area.sticky 但什么也没发生。 做你告诉我做的只会改变菜单背景而不是下拉菜单。

Answer 1

只需使用 CSS

.scroll_header_top_area.sticky {
  background-color: <whateveryouwant>;
}

Answer 2

尽管 css 将是首选方法。 这是使用 jquery 解决您的问题。

$(".stick").css("background-color", "#000");

'#000 表示十六进制的黑色。

Answer 3

我太复杂了，正如你们所说：

.drop_down .second .inner ul{
    background-color: rgba(0,0,0,0.3)!important;
}

header.sticky .drop_down .second .inner ul{
    background-color: #ffffff!important;
}

谢谢你。