css - 如何删除最后一个 child 的底部边框

Question

我的 opencart 类别菜单有这种样式:

#menu .dropdown-inner a {
  border-bottom: 1px solid #1f90bb;
}

我正在尝试移除底部边框:

#menu.dropdown-inner a li:last-child { 
  border-bottom: none; 
}

但它不起作用。请帮忙!

JS Fiddle Example

Answer 1

更改您的第二种样式，使 a 位于 li 内:

    .... li:last-child a { 
border-bottom: none !important; 
}