我无法将 CSS 样式正确应用到 D3 生成的 <text>在 Angular2 组件中创建的元素。
显然可以使用特殊的 CSS 选择器 * >>>实现所需的样式(请参阅 http://plnkr.co/edit/Hc56mk07v0GD4W8rVzz1?p=preview 的示例)，但相同的方法对我不起作用。 (我使用的是 RC4 和 D3 4.1)
该元素确实具有正确的类属性集 class="label-text"但尽管* >>> .label-text { ... }没有应用样式引用的 CSS 文件中的定义。
有人可以解释一下吗？我们是否必须停用 View 封装还是有其他方法？
最佳答案
当我使用 d3.js 执行某些操作时，* >>> 选择器没有出现任何问题，也许您只是在某个地方出现了拼写错误。
这是带有 Angular RC4 和 D3.js v4.2 的 plunker，其中包含一些使用 d3 创建的文本，并使用 * >>> 选择器应用了 css。 http://plnkr.co/edit/Nkv5S5DGHmWTiMoxBcgU?p=preview
关于css - Angular2 D3 - 未应用 CSS 样式，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/38718640/