组件css / scss不会影响angular2中的元素类

Question

我正在开发一个angular 4项目，并且尝试覆盖特定组件中的CSS。 我的更改也会在编译后显示，但它们不会影响该元素。 该元素位于父组件中，但是我已经尝试使用：host。

元件：

生成的CSS：

Answer 1

我遇到了同样的问题，我发现您可以从其父级中为子级组件设置样式。 生成的CSS永远不会符合您的要求。 看图片。 我通过将状态信息（扩展了@input attr）传递给子组件并根据该状态值来设置样式来解决了该问题：

该图说明了我的观点

...