更改菜单底部边框的颜色

Question

我正在这个网站上工作 https://fortlauderdaleflorida.realestate/我想更改顶部菜单底部边框的颜色。它显示在悬停时。它目前是黄色的，我想把它改成蓝色。我已经为此编写了此CSS，但它不起作用

.elementor-2992 .elementor-element.elementor-element-1b362db .elementor-nav-menu--main .elementor-item:hover{
color: green;
border-bottom-color: blue;
text-decoration: none;
}

颜色和文本修饰属性正在工作，但底部边框不起作用。请告诉我该怎么做。

Answer 1

实际上，你应该写

.elementor-2992 .elementor-element.elementor-element-1b362db .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-2992 .elementor-element.elementor-element-1b362db .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after {
background-color: blue;
}

因为黄线不是<a>的，而是<a>::after的。

Answer 2

你应该在你的css中添加

.css

.elementor-2992 .elementor-element.elementor-element-1b362db .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item::after {
background-color: green !important;
}