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

Question

我目前正在为我的模态组件使用引导程序，但我们当前的项目有一个 css 文件，它使用与引导程序相同的类（.Modal，.Modal-header）。

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

有什么解决办法吗？

更新

我在我的 css 中使用::ng-deep，这样我就可以专门定位而不会与其他 css 文件发生冲突。

Answer 1

我认为你不应该在课堂上使用 Bootstrap 组件。如果这没有帮助，请查看https://stackoverflow.com/users/395910/terry 或https://stackoverflow.com/users/8213994/aman-gojariya 的提问。他们也帮助了我。