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

Question

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

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

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

我试过添加:

border-bottom: none;

border: 0px;

border: 0px !important;

到最后一个

元素，也尝试添加:

border-bottom: none;

到顶部

元素，但最后一个底部边框始终保留!

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

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

Answer 1

您需要从最后一个 li 的 :after 伪元素中移除边框

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