html - リンクが黄色にならないのはなぜですか

Question

だから私はナビゲーションを持っていますが、何らかの理由でリンクが選択されていても黄色ではありません。

  <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;
}