Angular 4 router-outlet css

Question

随着所有三个/deep/，>>>和::ng-deep的弃用，我如何设计路由器出口兄弟姐妹的风格？

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

Answer 1

更新

::slotted现在受到所有新浏览器的支持，可以与`ViewEncapsulation.ShadowDom一起使用

https://developer.mozilla.org/en-US/docs/Web/CSS/::slotted

原版的

: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将变得过时。