javascript - Angular 4 路由器插座 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/and不同>>>。/deep/并被>>>弃用，因为浏览器，尤其是 SASS 停止支持它们。他们同意::ng-deep改为支持。

::ng-deep已弃用，因为最终所有浏览器都将支持本机 shadow DOM 并可能以某种方式对其进行样式设置，然后::ng-deep将变得过时。