當特定類處於活動狀態時更改背景顏色

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;
}

謝謝你。