如何为嵌套的^{元素设置样式？}

Question

14 浏览2023年6月25日

匿名的 2023年6月25日

0 Comments

我在我的angular应用程序中有一个html元素，看起来像这样：

而content.headline是"$425MM"。

我想为sup元素应用特定的样式。

在我的css文件中，我尝试了以下代码：

.headline sup {
    color: red !important;
}
sup {
    color: red !important;
}
.headline > sup {
    color: red !important;
}
p sup {
    color: red !important;
}
p > sup {
    color: red !important;
}

但是这些都没有起作用。我做错了什么？我如何实现这个样式？

0

1 答案

匿名的 · Answer 1 · 2023-06-26T17:33:53+00:00

问题的原因是ng-deep伪类被弃用，因此无法使用ng-deep选择器来样式化嵌套的^{元素。解决方法是导入全局CSS样式或使用ViewEncapsulation.None。}

如何为嵌套的元素设置样式？

1 答案

如何为嵌套的^{元素设置样式？}