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

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; 
}

有一个question关于在 Angular 2 中将此技术用于 d3.js，而此 css 是可行的方法(ViewEncapsulation.None 的替代方案对我来说不是一个选项)。

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

Answer 1

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

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

编辑:此问题现在似乎已解决。目前我在 VS Code 版本 1.16.1 中使用“>>>”和“/deep/”没有错误。但我个人建议改用“::ng-deep”，即使这 3 个目前都已弃用(但仍受 Angular 支持)。