Angular 4 路由器插座 css

Question

随着 /deep/、>>> 和 ::ng-deep 这三者的弃用，我该如何设计路由器插座兄弟姐妹的样式？

在他们宣布打算放弃对上述选择器的支持之前，我曾经:host /deep/ router-outlet + * {height: 100%}。

Answer 1

更新

::slotted 现在受到所有新浏览器的支持，并且可以与 `ViewEncapsulation.ShadowDom

一起使用

原创

:host ::ng-deep router-outlet + * {height: 100%}

或者只是

::ng-deep router-outlet + * {height: 100%}

应该仍然有效

::ng-deep 已弃用，但与 /deep/ 和 >>> 的含义不同。 /deep/ 和 >>> 被弃用是因为浏览器，尤其是 SASS 停止支持它们。他们同意支持 ::ng-deep。

::ng-deep 已被弃用，因为最终所有浏览器都将支持本机影子 DOM 以及可能的某种样式设置方式，然后 ::ng-deep 将过时。

Angular 4 router-outlet css