Angular scss规则未显示在inspector中

我有一个角度站点，它有一个指定.scss文件的组件：

@Component({
  selector: 'app-config',
  templateUrl: './config.component.html',
  styleUrls: ['./config.component.scss']
})
export class ConfigComponent implements OnInit {

config.component.scss的内容如下：

.api-selected {
    background-color: yellowgreen !important;
  }

但我在Chrome inspector中看不到“api选择”。我的html有一个类为“api selected”的元素，如果我在inspector中手动插入“api selected”，则会显示背景效果。在其他组件中，.scss内容处于活动状态。我已尝试清除浏览器缓存。如果我保存config.component.scss，则项目将重建，以便该部分正常工作

---

任何建议…

HTML是否选择了名为

.api的元素

，还是在子组件中？如果是这种情况，则必须使用

：：ng deep

穿透子组件，因为Angular的CSS样式仅适用于该组件和该组件。谢谢我使用了“封装：ViewEncapsulation.None”来解决这个问题，如您的链接所示。