Ciao a tutti, ho sempre trovato quello cercavo su questo forum ma questa volta sono veramente in difficoltà.

sto lavorando ad un sito web responsive e nel creare l'header con il menù di navigazione a destra della home page non riesco a cambiare il colore del testo con effetto hover. Le parole del menu quali home, contact e about sono in grigio, passando con il mouse sopra cambiano di colore . Vorrei sostituire con il css il grigio con un altro colore ma non riesco a capire su quale classe o attributo agire. il codice html è il seguente:

codice:
<nav class="navbar navbar-default navbar-fixed-top topnav " role="navigation">
        <div class="container topnav">
          <div class="navbar-header">
  <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
   <span class="sr-only">Toggle navigation</span>
   <span class="icon-bar"></span>
   <span class="icon-bar"></span>
   <span class="icon-bar"></span> </button>
   <a class="navbar-brand topnav">Imagination means nothing without doing.</a>
   </div>
   <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
    <ul class="nav navbar-nav navbar-right">
      <li><a  href="#home">Home</li></a>
<li>
   <a href="#contact">contact</a>
 </li>
    <li>
  <a href="#about">about</a>
  </li>
  <li>
 <a href="#home">home</a>
                    </li>
                </ul>
            </div>
           
        </div>
Grazie a tutti