从父项中引用子组件中的类

Question

我正在尝试根据应用于子项的类在子组件上设置一些样式。 该组件可以选择添加类，但我无法从父组件中引用它。

我有一个由打字稿文件组成的组件，可能无关紧要，一个html文件和一个scss文件。

html文件（简化）是： 的 viewer.component.html ：

<navigator class="test-class">
    <other stuff...>
</navigator>

我可以看到，在生成的html中，navigator标签具有预期的类。

html scss（简化）是：

viewer.component.scss ：

.test-class {
   color: red;    
}

:host ::ng-deep .test-class {
   color: red;
}

::ng-deep .test-class {
   color: red;
}

如果我在全局css中编写相同的css，它会按预期工作。