css - 为嵌套的 Angular 2 组件指定样式类

Question

在my.component.html里面说

<nested-component [class]="nestedClass"></nested-component>

然后当我想使用我的组件时，我想指定它们的样式类:

<my-component class="my-component-style" nestedClass="nested-component-style"></my-component>

上面没有工作(即嵌套组件没有被分配样式类.nested-component-style)。你会如何修复上面的代码？欢迎使用其他解决方法。

Answer 1

使用

/deep/ .nested-component-style 

或

>>> .nested-component-style 

在父组件中将其应用于子组件。

或者为了更安全，将您的 .nested-component-style 放在应用程序级别的 styles.css 中以使其全局定义。

注意浏览器不支持/deep/和 >>> 选择器。

更多信息 here .