我想重寫一些CSS，說border：none有邊框底部。 我怎樣才能做到這一點？

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>