删除 mmenu 中最后一项的底部边框？

Question

我正在使用 "mmenu" JQuery 插件 (http://mmenu.frebsite.nl/)，除了一个烦人的地方外，我已经全部设置好并按我想要的方式工作！

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

所有其他样式和 css 保持原样。

我试过添加：

border-bottom: none;

border: 0px;

border: 0px !important;

到最后一个

元素，也尝试添加：

border-bottom: none;

到顶部 < ul > 元素，但始终保留最后一个底部边框！

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

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

Answer 1

您需要删除最后一个 li

上 :after 伪元素的边框

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

Answer 2

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

Remove bottom border on last item in mmenu?