html - Why isnt my link yellow -


so have navigation reason link not yellow if selected.

  <div class="link-selected" id="navbutton"><a href="index.html">home</a></div>   <div id="navbutton"><a href="expertise.html">expertise</a></div>   <div id="navbutton"><a href="doctors.html">doctors</a></div>   <div id="navbutton"><a href="facility.html">facility</a></div>   <div id="navbutton"><a href="contacts.html">contacts</a></div>  #nav #navbutton{     width: 180px;     height: 30px;     float:left;     font-family: "trebuchet ms", arial, helvetica, sans-serif;     font-size: 14pt;     color:#fff;     text-align:center;     margin-top: 1px; } #nav #navbutton a{     width: 180px;     height: 30px;     float:left;     font-family: "trebuchet ms", arial, helvetica, sans-serif;     font-size: 14pt;     color:#fff;     text-align:center;     margin-top: 1px;     text-decoration:none; } #nav #navbutton.link-selected{     font-family: "trebuchet ms", arial, helvetica, sans-serif;     font-size: 14pt;     color:#ece60a;     text-align:center;     margin-top: 1px; } 

the color property applies each individual element. div elements yellow, doesn't matter because links inside them color: #fff not color: inherit.


Comments

Popular posts from this blog

Ansible - ERROR! the field 'hosts' is required but was not set -

customize file_field button ruby on rails -

SoapUI on windows 10 - high DPI/4K scaling issue -