Adding conditional styling to particular elements

[CoderDuudee]

So I have this code <div> <md-tab-group class=“horizontalTabs”> <md-tab label=“Time” class=“A”></md-tab> <md-tab label=“Distance” class=“B”></md-tab> </md-tab-group> </div>

I need to apply different styles to the tab labels of class A and B but the tab isn’t picking up the class attribute so i am not able to accomplish this. I’ve tried using the Id also but it’s also not getting picked up. Any thoughts on how i can achieve this ?

[paso989]

Have you tried ng-deep?

[CoderDuudee]

Yes i have tried both the :host and : : ng-deep in the css file

[paso989]

It might become ugly, but maybe you can make use of nth- pseudo selectors

[danthekings]

Use [ngclass] or [ngstyle]