Css ng深孔对构件破坏的去除作用

我不喜欢使用ng deep，但没有更好的选择

我在项目中使用VMware Clarity，在某些情况下，我需要覆盖modal body类。因此，我在component.scss文件中使用以下内容覆盖它：

::ng-deep .modal-body {
  overflow-y: visible;
  overflow-x: visible;
}

这符合我的目的。但问题从其他情态动词开始。在打开上面的模式后，如果我打开任何其他模式，上面的样式也会影响这些模式。我想以上造型只有一个模式。那我怎么能做到呢

---

我想知道是否有一个选项可以在组件被破坏时重置上述样式，或者Angular建议如何操作。

您只需编写更具体的选择器，使其仅针对所需的模式

。。。

：：ng deep.overflow model.model body{
溢出y：可见；
溢出x：可见；
}

是否有任何方法可以清楚地访问您需要更改的VMware模式？如果没有，请在所有modals中添加一个

customClass

，然后使用CSS的

：not

选择或添加自定义类无效。我正在使用组件modal@vmware-你有什么建议吗？