title: How to set color of active item in mat-nav-list in angular 6
body: <p>I am new to angular 6 ,here I have a mat-toolbar with mat-sidenav .Everything is working well but I want to set a color for the active item in side nav menu.</p>
  
  <p>currently I have BLACK background I want to set a color when I select the item in the mat-nav-list and also I tried to set mat-divider between each item that also not working .</p>
  
  <p>app.component.html</p>
  
  <pre><code>&lt;mat-sidenav-container class="sidenav-container"&gt;
  
    &lt;mat-sidenav #drawer class="sidenav" fixedInViewport="true" [attr.role]="(isHandset$ | async) ? 'dialog' : 'navigation'"
      [mode]="(isHandset$ | async) ? 'over' : 'side'" [opened]="!(isHandset$ | async)" style="background:black"&gt; //current background is black
      &lt;mat-toolbar class="menuBar"&gt;Menus&lt;/mat-toolbar&gt;
      &lt;mat-nav-list&gt;
        &lt;a class="menuTextColor" mat-list-item href="#"&gt;Link 1&lt;/a&gt; // want to change the color of the selected item.
        &lt;a class="menuTextColor" mat-list-item href="#"&gt;Link 2&lt;/a&gt; // want to set divider between each item
        &lt;a class="menuTextColor" mat-list-item href="#"&gt;Link 3&lt;/a&gt;
      &lt;/mat-nav-list&gt;
    &lt;/mat-sidenav&gt;
  
    &lt;mat-sidenav-content&gt;
      &lt;mat-toolbar class="toolbar"&gt;
        &lt;button class="menuTextColor" type="button" aria-label="Toggle sidenav" mat-icon-button (click)="drawer.toggle()" *ngIf="isHandset$ | async"&gt;
          &lt;mat-icon aria-label="Side nav toggle icon"&gt;menu&lt;/mat-icon&gt;
        &lt;/button&gt;
        &lt;span class="toolbarHeading"&gt;Demo App&lt;/span&gt;
      &lt;/mat-toolbar&gt;
      &lt;!-- Add Content Here --&gt;
    &lt;/mat-sidenav-content&gt;
  
  &lt;/mat-sidenav-container&gt;
  </code></pre>
  
  <p>Can anyone help me to fix this .</p>