我發現了一個很好的HTML代碼來創建一個從wordpress和elementor插件開始的粘性標題(使用標題內的HTML小部件),我正在定制功能。下面是一個代碼示例:

<style>
/*CSS for Sticky header*/
.my-header {
    position: fixed !important;
    width: 100% !important;
}
/*Header-menu-item css before scroll*/
.elementskit-navbar-nav > li > a {
font-size:16px !important;
font-weight:500 !important;
  color: #000000 !important;
  padding: 0px 20px !important;
}
.elementskit-navbar-nav > li > a:hover{
  color:red !important;
  transform: scale(1.2);
  transition: all 0.2s linear !important;
}
/*Header-menu-item css after scroll*/
.elementskit-navbar-nav.active > li > a{
font-size:16px !important;
font-weight:500 !important;
  color: #ffffff !important;
padding: 0px 20px !important;
  transition: all 0.0s linear !important;
}

當我使用Elementor Header時，教程從名為elementskit的插件開始。我已經定制了幾乎所有的東西，但是用這個代碼我很難修改導航欄(代碼中的elementskit-navbar-nav ),我不明白我怎么能引用我的導航欄。例如，我試圖將Elementor中的CSS類設置為nav_bar，并相應地修改代碼，但是什么也沒有。

你知道如何用這段代碼來引用我的導航欄嗎？