将实用程序类添加到 Bootstrap 5，用于选择元素的子元素并为其设置样式

如何解决将实用程序类添加到 Bootstrap 5，用于选择元素的子元素并为其设置样式

我可以使用有关如何将实用程序类添加到 Bootstrap 5 来选择和设置子项样式的指南。文档没有显示如何使用伪选择器添加实用程序类。我想在 bootstrap 中重新创建存在于 tailwindcss 中的实用程序类之间的空间。在 tailwindcss 中，一个间隔实用程序类看起来像这样：

.space-x-4 > :not([hidden]) ~ :not([hidden]) {
    margin-right: 20px;
    margin-left: 20px;
}

它在孩子之间增加了空间，但不在第一个之前或最后一个之后。您可以在 tailwindcss 文档 https://tailwindcss.com/docs/space 中查看更多相关信息。 Bootstrap 没有这些实用程序类，因此我尝试通过添加引导程序提供的实用程序类的说明创建它们：https://getbootstrap.com/docs/5.0/utilities/api/#add-utilities。