die Kraft von :: ng-teep in Angular 4

suchen, um eine Methode zu suchen, um CSS-Eigenschaften in untergeordneten Komponenten von Elternkomponenten zu überschreiben? Angular 4 führt das Konzept von :: ng-Deep ein, eine Alternative zum veralteten / tiefen / selektor. Dieser "Shadow-Piercing" -Kombinator ermöglicht es den Stilen, in verkapselte untergeordnete Komponenten zu wandern. Zum Beispiel:

. Übersicht { :: ng-deep { P { &: Last-Kind { Randboden: 0; } } } }

In diesem Beispiel wird der in :: ng-deep angegebene Stil auf alle passenden Elemente in allen Kinderkomponenten innerhalb der Elternkomponente angewendet. (IE11). Während bestimmte IE11-Versionen dies teilweise unterstützen können, wird empfohlen, alternative Methoden zu verwenden, um IE11-Browser anzusprechen.

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

verwenden: Es ist jedoch wichtig, es mit Bedacht zu verwenden, wenn es die Kapselung umgeht und möglicherweise zu Stilkonflikten oder unerwarteten Verhaltens führt. Verwenden Sie :: Ng-Deep, wann immer es nötig ist, aber überlegen Sie, ob immer möglich sicherere Alternativen zu erforschen.