使盒子阴影不覆盖其相邻的盒子

Question

我有一个问题。我的应用程序中有几张卡片。现在我们想给这些卡片一个盒子阴影，但也想把它们合并成一张大卡片，而不是分开放置。所以 2 张卡片看起来像 1 张，因为它们的一侧是相连的。

这些卡片中的每一张都是来自 CMS 的模块，不可能将它们放在一起包装。否则我会创建一个父 div 并将 box-shadow 给这个 div。

因此，结果如下：

我会创建一个 hack，以卡片的第 n 个元素为目标，并从一侧移除它的 box-shadow。但这也是不可能的，因为根据结帐步骤，连接的卡数可能超过 2 张。

因此，出现的问题是：当你有相邻的卡片时，你能不能用简单的 CSS 以某种方式从它们的连接点移除盒子阴影？我整天都在为此苦苦挣扎。