html - 超链接颜色不变？

Question

我在尝试让我的链接保持白色时遇到问题。
这是 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>

Answer 1

如果 href anchor 标签默认有自己的属性存在(向用户显示它是一个链接)

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

#float1 a{
  color: #FFF;
}

或所有a如果您愿意，可以标记:

a{
   color: #FFF;
}

FIDDLE

或

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

#float1 a{
  color: inherit;
}

ALT FIDDLE

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