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

Answer 1

color属性适用于每个元素。 div元素是黄色的，但这并不重要，因为它们内部的链接是color: #FFF而不是color: inherit。

Answer 2

你的意思是这样吗？

.link-selected a{
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 14pt;
    color:#ece60a;
    text-align:center;
    margin-top: 1px;
}

http://jsfiddle.net/d3f89/

Answer 3

如果您想更改某些文字的颜色，则需要在css中使用color，以便您想要color: yellow;

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

3 个答案: