删除菜单中最后一项的底部边框？答案

【问题标题】：Remove bottom border on last item in mmenu?删除菜单中最后一项的底部边框？
【发布时间】：2015-11-09 12:37:47
【问题描述】：

我正在使用“mmenu”JQuery 插件 (http://mmenu.frebsite.nl/)，我已经按照自己的意愿进行了设置和工作，除了一个恼人的地方！

我只想删除最后一个菜单项的底部边框。

所有其他样式和 css 保持不变。

我已经尝试添加：

border-bottom: none;

border: 0px;

border: 0px !important;

到最后一个

元素，也尝试添加：

border-bottom: none;

到顶部

在 mmenu 网站上似乎有一个附加 css 文件允许您删除或重新设置所有边框的样式，但我只想删除最后一个菜单项上的这个底部边框，而不是所有菜单项。

关于如何去掉最后一个菜单项的底部边框的任何提示？

【问题讨论】：

【解决方案1】：

你需要去掉最后一个li上的:after伪元素的边框

li:last-child:after  {
  border-bottom: 0 !important;
}

【讨论】：

【解决方案2】：

请分享您的菜单结构，以便我们提供帮助。您可以使用伪设置为最后一个孩子设置样式。伪是 :last-child。

【讨论】：