删除最后一个菜单项的边框答案

【问题标题】：Removing border on last menu Item删除最后一个菜单项的边框
【发布时间】：2020-02-09 06:58:57
【问题描述】：

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

我试过了，

.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”

【问题讨论】：

如果我们正在做PATCH 的方式，强制边框无到最后一个元素。 Look
感谢您的回复。 PATCH方式没问题，我试过了，没有运气。 .noborder.elementor-1785 .elementor-element.elementor-element-8e7245e .elementor-nav-menu .menu-item {边框：无； }

标签： css wordpress elementor

【解决方案1】：

使用

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

而不是

 .menu-item a:last-child

您正在寻找最后一个孩子li而不是最后一个孩子a

【讨论】：

【解决方案2】：

a:last-child {
   border: none;
}

我们不需要边框，因为最后一项将为我们覆盖边框。

【讨论】：

谢谢你的回复，也是一个解决办法。

【解决方案3】：

尝试使用 :last-child 选择器。

你会在这里得到一个完整的描述和测试的方式，这样下次就不用担心了:)

https://www.w3schools.com/cssref/sel_last-child.asp

【讨论】：