Question

我在Angular 2中使用d3.js.由于模板元素是动态创建的，我必须使用＆＃39;阴影穿孔CSS组合器＆＃39;。

:host /deep/ .arc-path:hover 
{
  fill: orange;
}

:host /deep/ .arc-path-sub:hover
{
  fill: orange;
}

:host /deep/ .arc-path{ 
  fill: cornflowerblue;
  fill-opacity: 0.95;
  cursor: pointer; 
}

对于Angular 2中的d3.js，有一个question使用此技术，这个css是要走的路（替代ViewEncapsulation.None对我来说不是一个选项）。

这些工作正常，但在VS Code中，css文件显示20个错误，因为它无法识别这些css组合器。有没有办法解决这个问题，例如允许VS Code接受这种语法，或者这是VSCode为我强调的潜在问题？

Answer 1

我最近遇到了同样的问题。我没有解决方案，但他们已经意识到了这一点。希望它很快就能正式修复。

https://github.com/Microsoft/vscode/issues/7002

修改：此问题现在似乎已修复。目前我使用“＆gt;＆gt;＆gt;”时没有错误VS代码版本1.16.1和“/ deep /”。但我个人建议使用“:: ng-deep”，即使所有3个目前都已被弃用（但仍受Angular支持）。

VS Code - Angular 2 Typescript - 如何删除/修复css Shadow Piercing错误？

1 个答案: