css - 如何覆盖 Angular8 .pug 文件中的样式？

我创建了“模态组件”。此模式调用 .pug 文件中的“另一个组件”。所以从技术上讲，我正在使用来自“另一个组件”的“模态组件”的样式和内容。

但我想覆盖我的“模态组件”中的样式。

我该怎么做？默认情况下，它采用“另一个组件”的样式。

我不能只更改“另一个组件”中的样式，因为它在应用程序的少数地方使用。

标签： csssassstylespugangular8

如果我理解正确的话，我认为这只是 CSS 特异性的问题。

如果您要将一个类添加到您的模态组件中调用另一个组件的父元素，您可以利用特殊性

.modal { blah } // 这将是调用的组件样式

.my-modal .modal { 覆盖样式 } // 这将在您的模态样式中

或者，如果您要在调用模态的父容器上使用 ngClass，您将向父容器添加一些内联样式，这也将优先于样式表中的 css