How to apply css class to a component element when it's created by router-outlet?

Question

I have DOM that looks something like this:

    
    ...

         


        

Answer 1

use the adjacent sibling selector and the * wildcard to select the element immediately following the router-outlet

styles.css

router-outlet + * {
  /* your css */
}