如何避免将特定 css 文件应用到我在 Angular 中的组件

Question

我目前正在为我的模态组件使用 bootstrap，但我们当前的项目有一个 css 文件，该文件使用相同的 class 和 bootstrap (.Modal ,.Modal-header).

两个文件的 css 样式扰乱了模态设计。

有什么解决办法吗？

更新

我将 ::ng-deep 用于我的 css，这样我就可以专门定位而不与其他 css 文件冲突。

Answer 1

我认为你不应该在 class 中使用 Bootstrap 组件。如果这没有帮助，请查看来自 https://whosebug.com/users/395910/terry or https://whosebug.com/users/8213994/aman-gojariya 的询问。他们也帮了我。