Bootstrap 手风琴边框顶部不是第一项

Question

我在 Angular 应用程序中使用引导手风琴，我希望周围的每个人都有一个带颜色的边框。如果手风琴不是顶部边框，则通过标准引导程序会删除顶部边框。 我已经尝试了所有我能想到的方法。

我能看到的是

.accordion-item:not(:first-of-type) {
    border-top: 0;`

删除顶部边框。

我已经尝试过：

.accordion-item:{
    border-top:4px !important;
}

.accordion-item:{
    &:not(:first-of-type) {
        border-top: 4px !important;
    }
}

最后一个结果是在该元素处计算的：

我尝试在手风琴之间添加边距，但没有帮助

我找不到覆盖它的内容。 有谁知道吗？

Answer 1

.accordion-item:not(:first-of-type) {
    border-top: 4px solid blue;
}

在 Angular 应用程序中处理样式时，重要的是要考虑 Angular 基于组件的性质以及样式如何封装在组件中。

尝试并让我知道它是如何工作的。