<分区>
<分区>
所以，我有这个卡片组组件，并且在其中有单独的卡片。我想删除除最后一个之外的所有边框底部。我无法解决它。我正在使用 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>
我对所有 child 都有边框..(卡片)。我想从 CardGroup 中删除卡片边框底部。我的 css 看起来像: 请记住，我使用 hex/ing 来改变 css 名称。当然，我会得到“基本”名称，所以这就是我这样做的原因:*=card。它似乎删除了所有的 child ，还有孙子等......我似乎不能只针对包含“card”的最后一个 css 类来抑制边框底部。
我尝试了一些东西(例如，last-child 等等)就是无法得到它。有什么想法吗？
.cardgroup > [class*='card']:not(last-of-type) {
border-bottom: none;
}
.card {
background-color: $white;
border-bottom: $border200;
border-top: $border200;
}
最佳答案
您忘记了 :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>关于css - scss/sass 和目标最后一个 div 边框底部，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/58970992/