title: dynamically change css of a DIV based on URL - Angular
body: <p>I have a problem, I want to change CSS of the first DIV(background,width,height...) based on which RouterModule I'm on and this DIV is located in the main app.component.html</p>
  
  <pre><code>&lt;div class="bg"&gt;
  &lt;div class="container-fluid"&gt;
  &lt;div class="row"&gt;
  &lt;div class="col-xl-2 col-lg-1 col-md-1 col-sm-1" id="logo"&gt;
    &lt;a routerLink=""&gt;&lt;b&gt;Logo&lt;/b&gt;&lt;/a&gt;
  &lt;/div&gt;
  &lt;div id="navigation" class="col-xl-8 col-lg-10 col-md-10 col-sm-10"&gt;
    &lt;ul&gt;
      &lt;li&gt;&lt;a routerLink="/zivljenjepis"&gt;O MENI&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a routerLink="/jeziki"&gt;JEZIKI&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a routerLink="/projekti"&gt;PROJEKTI&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a routerLink="/kontakt"&gt;KONTAKT&lt;/a&gt;&lt;/li&gt;
    &lt;/ul&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;router-outlet&gt;&lt;/router-outlet&gt;
  </code></pre>
  
  <p>Do you have any suggestions?
  Thank you</p>