scss/sass 和目标最后一个 div 边框底部

Question

所以，我有这个卡组组件，其中有单独的卡。我想删除除最后一个之外的所有边框底部。我无法解决它。我正在使用 sass/scss

<CardGroup className="cardgroup">
   <Card className="card"><div>other stuff</div></Card>
   <Card className="card">stuff two<div>whatever</div></Card>
   <Card className="card">stuff three</Card> <--- KEEP BORDER BOTTOM HERE
</CardGroup>

我对所有的孩子都有边界..（卡）。我想从卡片组中删除卡片边框底部。我的 css 看起来像： 请记住，我使用 hex/ing，因此 css 名称会发生​​变化。当然，我会得到“基本”名称，这就是我这样做的原因：*=card。它似乎删除了所有的孩子，还有孙子等......我似乎不能只针对包含“card”的最后一个CSS类来抑制边框底部。

我尝试了几件事（即最后一个孩子等）就是无法得到它。有任何想法吗？

<CardGroup className="cardgroup">
   <Card className="card"><div>other stuff</div></Card>
   <Card className="card">stuff two<div>whatever</div></Card>
   <Card className="card">stuff three</Card> <--- KEEP BORDER BOTTOM HERE
</CardGroup>

Answer 1

你忘记了:你的:last-of-type。见下文：

.card:not(:last-of-type) {
    border-bottom:2px solid black;
}

<div class="cardgroup">
  <div class="card">
  Lorem Ipsum
  </div>
  <div class="card">
  Lorem Ipsum
  </div>
  <div class="card">
  Lorem Ipsum
  </div>
</div>