component css / scss不影响angular2中的元素类

Question

我正在开展一个角度4项目，我试图覆盖特定组件中的css。我的更改也会在编译后显示，但它们不会影响元素。该元素位于父组件中，但我已尝试使用：host。

元素：

生成的CSS：

Answer 1

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

 

Image illustrating my point

...