Javascript 角度-CSS与<；不在父/子关系中工作；天然气含量>；

我有一个下面的模板和CSS的角度组件

（您可以在此处查看所有实际文件）

组件

• complex-template-demo.component.ts

CSS

• complex-template-demo.css

它显示在UI上，如下所示：

接下来，我将此模板分为两个组件并使用

• /custom/custom-template-container.component.ts
• /自定义/自定义模板-item.component.ts

然后我在另一个组件中使用了这两个组件

• 自定义-complex-template-demo.component

但这次它显示在UI上，如下所示：

为什么我的CSS在这种情况下不起作用？

---

任何帮助都将不胜感激。

我无法跟上stackblitz上的演示。。但是，当处于角度时，样式的范围在组件级别，而不是传递给子组件。为了做到这一点，您必须使用ng deepselector@C_Ogoo我尝试了：host：：ng deep，但没有帮助。