::ng-deep getting applied to parent components

Asked Jun 20 '23 at 12:43

Active Jun 20 '23 at 12:43

Viewed 22 times

I was using ::ng-deep to apply classes to the child components but the class is also applied to the parent component of that component.How can i restrict this behaviour?

::ng-deep label {
    width: 164px;
    height: 22px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: red;
}

asked Jun 20 '23 at 12:43

Barnit Basnet

1

https://stackoverflow.com/a/55356579/12050506 – possum Jun 20 '23 at 12:59
Try [applying the ng-deep to children only](https://stackoverflow.com/a/36528769/19330634) – l -_- l Jun 20 '23 at 12:59
I need see your child and parent component. Perhaps you are not spliting the component – Hector Jun 20 '23 at 13:00
Additional, r1emember ::ng-deep is deprecated, please use component-specific styles instead – Hector Jun 20 '23 at 13:19
Try adding :host too – AhmedSHA256 Jun 21 '23 at 08:31
Thanks for the comments. Adding :host with :ng-deep solved my problem. – Barnit Basnet Jun 21 '23 at 13:08

::ng-deep getting applied to parent components

0 Answers0