ng-bootstrap手风琴将样式应用于子图标

Question

当没有关注手风琴时，星星显示

当关注手风琴时，星星消失

这是我的CSS，用于显示手风琴左侧的星星：

.icon-star2.relevant-source {
  position: absolute;
  margin-left: -5em;
}

这是标记[用x替换变量以隐藏敏感信息]：

 <ngb-accordion class="accordion accordion-alternate">
           <ngb-panel class="source-accordion" *ngFor="x">
                            <ng-template ngbPanelTitle>
                                <i *ngIf="x > 0" class="icon-star2 relevant-source"
                                   title="This source contains {{x}} of the top 10 most relevant documents.">
                                </i>
                                <span class="source-link source-link-text">{{x}}</span><span class="float-right source-link">
                                {{x | number:0 }}</span>
                            </ng-template>
                            <ng-template ngbPanelContent>
                                List of documents
                            </ng-template>
                        </ngb-panel>
                    </ngb-accordion>

我的目标是在某些手风琴元素旁边放一个星星，上面放一个标题。 （本机工具提示）

我尝试了很多事情，但似乎无法解决此问题。 有没有人有什么建议？

Answer 1

尝试深

/deep/ ngb-accordion > ngb-panel> i.icon-star2.relevant-source{
 position: absolute;
 margin-left: -5em;
}