title: SCSS multiple selectors
body: <p>Hi i have this code:  </p>
  
  <pre><code>.navbar .nav-pills .active &gt; a {  
    background-color: $NavBgHighlight;  
    color: $NavTxtColor;  
  }    
  .navbar .nav-pills .active &gt; a:hover {  
    background-color: $NavBgHighlight;  
    color: $NavTxtColor;  
  }
  </code></pre>
  
  <p>I wanted to merge both of the sections into one section, something more like:  </p>
  
  <pre><code> .navbar .nav-pills .active &gt; a, a:hover {  
    background-color: $NavBgHighlight;  
    color: $NavTxtColor;  
  }   
  </code></pre>
  
  <p>But it doesnt work that way :( how can i merge both of them? ( I want that the :hover and the normal a will act the same)</p>