超链接颜色不变吗？

Question

我在尝试使我的链接保持白色时遇到麻烦。
这是头代码。

 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 ，默认情况下，锚标记具有其自己的属性（以向用户显示它是链接）

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

#float1 a{
  color: #FFF;
}

或者所有a标签，如果你喜欢：

a{
   color: #FFF;
}

小提琴

要么

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

#float1 a{
  color: inherit;
}

ALT FIDDLE

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

Answer 2

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

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

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

如前所述，字体标签不是您应该用来设置超链接颜色的标签，应该将其删除。 字体标签也已被弃用 ，尽管我不知道尚不支持它的任何浏览器。

例