title: how to :hover but :not for :first-child of element?
body: <p>I tried to get rid of hover for the first child of a element, but no advanced. Pls, could u help me with that. This code that I was attempting to adjust, but hopeless.</p>
  
  <pre><code>HTML
  
                  &lt;ul class="nav navbar-nav navbar-right navs-header"&gt;
                      &lt;li style="color: white!important;"&gt;&lt;a&gt;Меню&lt;/a&gt;&lt;/li&gt;
                      &lt;?php if (Yii::$app-&gt;keyStorage-&gt;get('prolongation_enabled')): ?&gt;
                          &lt;li&gt;&lt;a href="&lt;?= \yii\helpers\Url::toRoute('/site/prolongation'); ?&gt;"&gt;Пролонгация&lt;/a&gt;&lt;/li&gt;
                      &lt;?php endif; ?&gt;
                      &lt;?php if (Yii::$app-&gt;keyStorage-&gt;get('shop_enabled')): ?&gt;
                          &lt;li&gt;&lt;a href="&lt;?= \yii\helpers\Url::toRoute('/site/shop'); ?&gt;"&gt; Интернет - магазин&lt;/a&gt;&lt;/li&gt;
                      &lt;?php endif; ?&gt;
                      &lt;li&gt;&lt;a href="&lt;?= \yii\helpers\Url::toRoute('/site/about'); ?&gt;"&gt;О ломбарде&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="&lt;?= \yii\helpers\Url::toRoute('/site/services'); ?&gt;"&gt;Наши услуги &lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="&lt;?= \yii\helpers\Url::toRoute('/site/news'); ?&gt;"&gt;Новости &lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="&lt;?= \yii\helpers\Url::toRoute('/site/contacts'); ?&gt;"&gt;Связаться с нами&lt;/a&gt;&lt;/li&gt;
                  &lt;/ul&gt;
  
  
  
    SAAS
  
   .navs-right {
      li{
        border-top: solid 1px #b8b8b8;
      &amp;:first-child{
        background-color:  #fbce00;
        color: white!important;
        font: 17px $fontFamilyAvBold!important;
      }
        a{
          font: $font17Size-Regularfamily;
          padding: 15px 30px!important;
  
          &amp;:not(:first-child):hover{
            color: #fbad30!important;
            font: 17px $fontFamilyAvBold!important;
          }
        }
  
      }
    }
  </code></pre>