VS代码 - Angular 2 Typescript - 如何删除/修复css阴影穿孔错误？

我在Angular 2中使用d3.js。由于模板元素是动态创建的，所以我必须使用“阴影穿透CSS组合器”。VS代码 - Angular 2 Typescript - 如何删除/修复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; 
}

有使用此技术对角2 d3.js一个question，而这个CSS是去（ViewEncapsulation.None的选择是不是一种选择对我来说）的方式。

这些工作正常，但在VS代码中，CSS文件显示20错误，因为它不能识别这些CSS组合器。有没有办法解决这个问题呢？允许VS Code接受这个语法，或者这是VSCode对我有帮助的突出问题吗？

来源

2016-08-02 Ryan

https://github.com/angular/angular/commit/b754e60 Angular 4.3.0 now usign :: ng-deep – Ryan

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

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

编辑：现在看来这个问题是固定的。目前我在VS Code version 1.16.1中使用“>>>”和“/ deep /”没有错误。但我个人建议使用“:: ng-deep”，即使所有3个都被弃用（但仍支持Angular）。

来源

2017-01-23 23:59:55

VS代码 - Angular 2 Typescript - 如何删除/修复css阴影穿孔错误？

回答

相关问题