, если вы используете ::ng-deep в компоненте, где инкапсуляция вида отключена, он остается там.Поскольку это недопустимый CSS, некоторые правила нарушаются.Это тихий и частичный сбой, потому что синтаксический анализатор CSS просто видит ::ng-deep как неизвестный селектор.
Если мы хотим, чтобы стили нашего компонента каскадно касались всех дочерних элементов компонента, но не любого другого элемента на странице, мыв настоящее время можно сделать это, используя комбинацию :host с селектором ::ng-deep.
:host ::ng-deep h2 {
color: red;
}
FYI: селектор псевдокласса ::ng-deep также имеет несколько псевдонимов: >>> и /deep/ и все три вскоре будут удалены.
https://blog.angular -university.io / angular-host-context /
Как и гдеиспользовать :: ng-deep?