title: How to Customize background color from Tabs using Angular 2+ directives?
body: <p>I'm trying to set different backgrounds for each one of my tab labels that are inside a 'md-tab-group' as follows:</p>
  
  <pre><code>`&lt;md-tab-group class="full-width"&gt;
        &lt;md-tab&gt;
          &lt;ng-template md-tab-label&gt;
              &lt;md-icon class="em-tab-icons"&gt;directions_boat&lt;/md-icon&gt;
          &lt;/ng-template&gt;
          &lt;p&gt;Slings&lt;/p&gt;
       &lt;/md-tab&gt;
  
       &lt;md-tab&gt;
          &lt;ng-template md-tab-label&gt;
              &lt;md-icon class="em-tab-icons"&gt;local_gas_station&lt;/md-icon&gt;
          &lt;/ng-template&gt;
  
          &lt;p&gt;Fuels&lt;/p&gt;
       &lt;/md-tab&gt;
  
       &lt;md-tab&gt;
          &lt;ng-template md-tab-label&gt;
              &lt;md-icon class="em-tab-icons"&gt;restaurant_menu&lt;/md-icon&gt;
          &lt;/ng-template&gt;
          &lt;p&gt;Consumables&lt;/p&gt;
      &lt;/md-tab&gt;
  &lt;/md-tab-group&gt;`
  </code></pre>
  
  <p>As i know that 'md-tab-label' is a directive than i know that i can not set an 'id' or set a class to override some attributes.</p>
  
  <p>I inspected the classes used by Material Design and i found the class 'mat-tab-labels'.
  So, i tried to do this on my scss:</p>
  
  <pre><code>` .mat-tab-labels:first-child {
      background-color: #E1E8F5;
    }
    .mat-tab-labels:nth-child(2) {
      background-color: #FFD9B9;
    }
    .mat-tab-labels:nth-child(3) {
      background-color: #E6D2C8;
    }` 
  </code></pre>
  
  <p>but it didn't work. Of course that if i use something like this:</p>
  
  <pre><code>` #md-tab-label-0-0{
      background-color: #E1E8F5 !important;
    }
    #md-tab-label-0-1{
      background-color: #FFD9B9 !important;
    }
    #md-tab-label-0-2{
      background-color: #E6D2C8 !important;
    }`
  </code></pre>
  
  <p>and it works, but only the first time i enter the page, than the ids change.</p>
  
  <p>So, any ideas ? Do i have to create a Directive only for this ?</p>