超链接颜色不变？答案

【问题标题】：hyperlink colour not changing?超链接颜色不变？
【发布时间】：2015-02-28 23:04:43
【问题描述】：

我无法让我的链接保持白色。
这是Head代码。

float1 {
  position: absolute;
  width: 250px;
  height: 40px;
  z-index: 1;
  left: 40px;
  top: 300px;
  font-size: 35px;
  background-color: black;
  color: white;
  text-align: center;
  color: white;
  text-decoration: none;
}

<div id="float1">
  <font color="white"><a href="#" onclick="myfun();">Home</a></font>
</div>

【问题讨论】：

字体标签已弃用，html5不支持，请改用css

标签： html css text colors hyperlink

【解决方案1】：

如果存在href，锚标签默认有自己的属性（向用户显示它是一个链接）

您需要将颜色直接添加到a标签：

#float1 a{
  color: #FFF;
}

或所有a标签，如果你愿意的话：

a{
   color: #FFF;
}

FIDDLE

或

您可以在a 上使用color: inherit，然后从其父级继承它：

#float1 a{
  color: inherit;
}

ALT FIDDLE

并删除 <font></font> 标签，因为它们在 HTML5 中不受支持

【讨论】：

【解决方案2】：

不再支持<font> 标签。但是您可以使用style="" 作为替代。

<a style="color:white" href="#" onclick="myFun();">Home</a>

【讨论】：

【解决方案3】：

如果您想保持白色，即使在链接被访问后等情况下，根据您对链接文本应为白色的情况的偏好，以下内容适用：

/* unvisited link */
a:link { color: white; }

/* visited link */
a:visited { color: white; }

/* mouse over link */
a:hover { color: white; }

/* selected link */
a:active { color: white; }

或者，如果您确实希望页面上的所有链接都是白色的，而不仅仅是一个特定的链接，对于上述所有条件，您可以在页面的样式部分或 CSS 文件中仅使用以下内容为网页加载：

a { color: white; }

如前所述，字体标签不应该用于设置超链接的颜色，应该将其删除。 font tag has also been deprecated，虽然我不知道有哪个浏览器还不支持它。

Example

【讨论】：

完全没有必要将样式应用于所有可能的条件。在没有其他条件的情况下将其应用于根 (a) 会强制链接始终为白色。
@DominatorX，我的目的是向提出问题的人展示可以单独控制的条件，这就是为什么我指出“以下内容取决于您对链接文本的情况的偏好应该是白色的”。我同意，如果 ProgramForFun 确实希望它始终是白色的，那么您发布的内容更可取。直到我添加了我的之后才看到您的回复，但我想我会留下它，以便他可以看到可以应用颜色的几个条件，而不仅仅是访问链接之前和之后应用的条件.