javascript - 如何在不使用现已弃用的 ::ng-deep 的情况下自定义外部组件的样式？

Question

在我的应用程序中，我使用的组件来自ngx-bootstrap.

我想通过使选项卡本身显示为绿色来自定义组件的外观（在本例中为选项卡）。以前我可以/deep/在我的 SCSS 中使用，以针对我的组件中使用的所有选择器。但我不想使用已弃用的东西。那么如何在下面获取我的代码，以将选项卡a中的标签变为ngx-bootstrap黄色？

import { Component } from '@angular/core';

@Component({
  selector: 'h3-my-component',
  template: `
    <h1>This is my COMPONENT</h1>
    <tabset>
    <tab heading="Tab 1" id="tab1">content</tab>
    <tab heading="Tab 2" id="tab2">content</tab>
  </tabset>`,
  styles: ['tab a { background-color: green }']

})
export class DemoTabsBasicComponent {}