li.hover не изменяя цвет

Question

Вот мой HTML

<div class="pure-u" id="menu" data-ng-controller="gotoUrl"> 
      <div class="pure-menu pure-menu-open"> 
       <a class="pure-menu-heading" 
        href="#">PennyTracker</a> 
       <ul> 
        <!-- Add Transaction Button --> 
        <li> 
         <button 
           class="pure-button pure-button-success pure-button-large" 
           data-ng-click="setRoute('new')"> 
          <i class="icon-plus"></i> 
          Transaction 
         </button> 
        </li> 
        ...... 
    </div> 

и вот CSS я пытаюсь изменить цвет при наведении на li

.pure-menu li.hover { 
    background: red; 
    color: #000000; 
} 

Но я не вижу красный цвет, когда я парения, я вижу

что я делаю неправильно?

Answer 1

Вы должны поставить : вместо ., наведение не является классом.

.pure-menu li:hover { 
    background: red; 
    color: #000000; 
}