css - 删除最后一个菜单项的边框

Question

如何去除最后一个菜单项的边框？

我试过了，

.elementor-1785 .elementor-element.elementor-element-8e7245e 
.elementor-nav-menu .menu-item a:last-child {
    color: #333333;
    background-color: #f0f0ed;
    border-style: solid;
    border-width: 0px 1px 0px 0px;
    border-color: #0274be;
}

但运气不好。我的网站是 https://******.dk。 (网址已删除)

我正在使用 elementor 插件，并且还在最后一个菜单项上添加了一个自定义类“noborder”

Answer 1

使用

 .menu-item:last-child a{
     border-right: none;
 }

代替

 .menu-item a:last-child

你正在寻找最后一个 child li 而不是最后一个 child a