html - 为什么我的链接不是黄色的

所以我有一个导航，但是由于某种原因我的链接即使被选中也不是黄色的。

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

最佳答案

color属性适用于每个单独的元素。 div元素为黄色，但这没关系，因为它们内的链接是color: #FFF而不是color: inherit。

关于html - 为什么我的链接不是黄色的，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/17383527/