Question

我有一个Angular应用程序。到目前为止，我的HTML看起来像这样：

body
 - <div side-nav right-aligned>
  - <div #configArea>
   -- Here we have 3 fields

在此配置中，我有3个字段，分别来自Angular Material。问题是，我需要其中之一来使用Angular Material Chips。

因此，我遵循了这些教程，但是这3个字段具有完全相同的CSS，我需要修改单个CSS使其起作用，但是此div 在我的代码中不存在，仅在浏览器中存在。要使其正常工作，我必须将高度设置为“自动”，但到目前为止没有任何效果。

使用Angular 4.4.2

Answer 1

所以我通过使用 :: ng-deep 标记解决了这个问题，精确选择了我想要的div。

类似的事情对我有用：

是的@ippi是正确的，css在动态创建的元素上工作正常。如果在角度组件的css文件中，则可能必须使用：host >>>选择器。并为每个添加不同的css类，因此您可以轻松地设置样式。 – Abhishek Kumar