如何在Angular8 .pug文件中重写样式？

Question

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

但我想重写我的“模态组件”中的样式。

我该怎么做呢？默认情况下，它从“另一个组件”中获取样式。

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

Answer 1

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

如果要将类添加到调用其他组件的模态组件中的父元素，则可以利用专用性。

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

我的模态.modal {覆盖样式} //将出现在您的模式样式中

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