css - Angular2 D3 - 不应用 CSS 样式

Question

我无法将我的 CSS 样式正确应用到 D3 生成的 <text>在 Angular2 组件中创建的元素。

显然可以(是？!)使用特殊的 CSS 选择器 * >>>实现所需的样式(参见 http://plnkr.co/edit/Hc56mk07v0GD4W8rVzz1?p=preview 的示例)，但相同的方法对我不起作用。 (我在 RC4 和 D3 4.1 上)

该元素确实具有适当的类属性集 class="label-text"但尽管 * >>> .label-text { ... } 没有应用样式引用的 CSS 文件中的定义。

有人可以阐明这一点吗，我们必须停用 View 封装还是有其他方法？

Answer 1

当我用 d3.js 做一些事情时，我对 * >>> 选择器没有任何问题，也许你只是在某处输入错误。

这是带有 Angular RC4 和 D3.js v4.2 的 plunker，其中一些文本是使用 d3 创建的，并使用 * >>> 选择器应用于它的 css。 http://plnkr.co/edit/Nkv5S5DGHmWTiMoxBcgU?p=preview