VS Code - Angular 2 Typescript -如何删除/修复css阴影穿透错误？

Question

我在Angular 2中使用了d3.js。因为模板元素是动态创建的，所以我必须使用“阴影穿透CSS组合器”。

: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代码接受这种语法，或者这是一个潜在的问题，VSCode正在帮助我强调这一点？

Answer 1

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

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

编辑：此问题现在似乎已修复。目前，我在VS代码版本1.16.1中使用">>>“和"/deep/”时没有错误。但我个人推荐使用"::ng-deep“，尽管这3种方法目前都已弃用(但仍受Angular支持)。