如何以及在哪里使用:: ng-deep？

Question

我是Angular 4的新手，所以谁能解释::ng-deep在Angular 4中的使用方式和位置？

实际上，我想从父组件覆盖子组件的某些CSS属性。此外，它在IE11上受支持吗？

Answer 1

通常， /deep/ “shadow-piercing” 可使用组合器将样式强制降低到 childcomponents。这个选择器有一个别名>>>，现在还有另一个叫做:: ng-deep的别名。

由于 /deep/ combinator 已弃用，建议使用::ng-deep

例如：

<div class="overview tab-pane" id="overview" role="tabpanel" [innerHTML]="project?.getContent( 'DETAILS')"></div>

和 css

.overview {
    ::ng-deep {
        p {
            &:last-child {
                margin-bottom: 0;
            }
        }
    }
}

它将应用于子组件