Ok, so I'm just answering myself and for all the other beginners facing the same issue in now and in future:
My problem was in misunderstanding the styles behaviour in Angular. Let's say we have a component *app.component.ts *with a selector *app-root* and a style file *app.component.css* (or less or whatever) which is added to component's property *styleUrls*. Now if I add my styling for selector *app-root* to component's style sheet it *won't* be recognized. If I add it to global *styles.css* (or less or whatever) it *will* be recognized. *Conclusion* Angular *only* recognizes style selectors in style files *for child elements* of the component, but not for the component's root element itself (which I still find confusing). -- You received this message because you are subscribed to the Google Groups "Angular and AngularJS discussion" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To post to this group, send email to [email protected]. Visit this group at https://groups.google.com/group/angular. For more options, visit https://groups.google.com/d/optout.
