El siguiente es mi código:
<nav class="navbar navbar-default navbar-inverse " >
<div id="navigation">
<ul class="nav nav-pills">
<li role="presentation" class="active"><a href="index.html"><h4> INICIO</h4></a></li>
<li role="presentation" class="active"><a href="pacas.html"><h4> VENTA DE ROPA EN PACAS</h4></a></li>
<li role="presentation" class="active"><a href="varon.html"><h4> VENTA DE ROPA PARA VARON</h4></a></li>
<li role="presentation" class="active"><a href="dama.html"><h4> VENTA DE ROPA PARA DAMA</h4></a></li>
<li role="presentation" class="active"><a href="nino.html"><h4>VENTA DE ROPA PARA NIÑO</h4></a></li>
</ul>
</div>
</nav>
Necesito cambiar el color del elemento al hacer hover
sobre el, ya que se muestra gris, como se puede ver en la imagen debajo. Me gustaría poder manipular los colores del hover
desde el CSS: