css - 如何定位在特定 div 之后出现的特定按钮？

Question

我无法使用 CSS 定位特定按钮。当我的商店中的用户可以使用 Google Pay 和/或 Apple Pay 时，会动态显示一个 div。普通的“添加到购物车”按钮与 Google Pay / Apple Pay 按钮的形状和大小不匹配，因此我想对其进行重新设计以匹配。如果 Google Pay / Apply Pay 不可用，我不想重新设置按钮的样式。

当 Google Pay / Apple Pay 可用时，带有“__PrivateStripeElement”类的 div 会插入到“添加到购物车”按钮上方的代码中。在这种情况下，我似乎无法在我的 css 中找到正确的选择器来定位按钮。我尝试了很多选择器和组合，但我似乎无法破解它。

用作参考的产品页面将是https://youmeitea.com/product/long-jing-green-tea/。

我还将包括一个屏幕截图。

标签： csswordpresswoocommerce