Angular2材质工具提示-未添加类

我有以下component.html：

<tr>
 <td>
   <span matTooltipClass="primary-tooltip" matTooltipPosition="above" matTooltipHideDelay="100000" matTooltip="{{cert.awsCertId}}"><p style="overflow:hidden;text-overflow: ellipsis;max-width:120px">{{cert.awsCertId}}</p></span>
  </td>
</tr>

---

根据，这应该在材质工具提示中添加一个自定义类，但我看不到应用的样式。我弄错了吗？有没有其他方法可以将样式应用于工具提示？

将您的样式放置在通用样式表中

或将封装设置为视图封装。组件上无：

@组成部分{ 选择器：“…”， 模板：“…”， 封装：视图封装。无， 风格：[` .主工具提示{ 最小宽度：300px； 背景色：FC5558； } `] } 导出类组件{}

---

不能使用direclty类，因为它渲染为阴影dom。通过使用主机，您可以更改阴影dom的css

:host /deep/ .primary-tooltip {
 min-width: 300px;
  background-color: #FC5558;
}

---

正如@yurzui所说，你应该把你的样式放在一个通用样式表中，而不是放在你的组件css中。把样式添加到一个通用的SCS中是可行的。您可以对此进行更多解释吗？Angular在模拟封装时为组件元数据中声明的样式添加前缀default类似。主工具提示[\u ngcontent-c3]，但将具有主工具提示的div位于组件模板之外，并且没有为我标记\u ngcontent-c3属性。谢谢，谢谢。只有当组件不提供类似于ngClass的东西时，才需要这样做。但是材质工具提示提供了matTooltipClass，我们可以使用它应用样式。

:host /deep/ .primary-tooltip {
 min-width: 300px;
  background-color: #FC5558;
}