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

Question

我正在使用“mmenu”JQuery插件（http://mmenu.frebsite.nl/），除了一个烦人的点之外，我已经设置并按照我的意愿工作了！

我想删除最后一个菜单项的下边框。

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

我尝试过添加：

border-bottom: none;

border: 0px;

border: 0px !important;

到最后＆lt; li>元素，并尝试添加：

border-bottom: none;

到顶部＆lt; ul＆gt;元素，但最后一个底部边框始终保持！

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

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

Answer 1

您需要从最后:after

上的li伪元素中删除边框

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

Answer 2

请分享菜单结构，以便我们协助。有伪，你可以用来设置样式只到最后一个孩子。伪是：最后一个孩子。