我想覆盖一些说边框的CSS：没有边框底部。我怎样才能做到这一点？

Question

我正在研究一个离子项目，我有一个我正在使用的材料设计css文件，因为它添加了一些我正在使用的好东西。然而，这是让我疯狂的一件事：

.list .item {
  border: none;
}

我正在使用很多列表，而且在大多数地方我都不想要边框。但是，在我的菜单中，我确实想要边框。我怎么能过度骑这个看起来像这样呢？ http://codepen.io/anon/pen/gPbQNZ

我只想在我的菜单中显示边框，而不是其他地方。如果我做了任何更改，它会在任何地方显示边框。

Answer 1

简单如下：

.list .item {
    border: none;
}

.list.with-border .item {
    border-bottom: 1px solid black;
}

HTML

<ul class="list with-border">
    <li class="item">first</li>
    <li class="item">second</li>
    <li class="item">third</li>
</ul>