如何更改html中链接的默认颜色？（一条链接）答案

【问题标题】：how to change the default color of a link in html? (a:link)如何更改html中链接的默认颜色？（一条链接）
【发布时间】：2017-07-01 21:18:30
【问题描述】：

我想在以下脚本中将超链接的默认蓝色更改为绿色，但我不断收到粉红色的链接。

您能否告诉我如何在未点击链接时将其变为绿色？提前致谢。

我要找的是这个：

a) 尚未点击的绿色链接
b) 当鼠标悬停在链接上时会有一个红色链接
c) 鼠标点击链接时有黄色链接
d) 链接被点击后有一个粉红色的链接

<!DOCTYPE html>
     <html>
     <head>
<style>

a:link {
    color: green;
    background-color: transparent;
    text-decoration: none;
}
a:visited {
    color: pink;
    background-color: transparent;
    text-decoration: none;
}
a:hover {
    color: red;
    background-color: transparent;
    text-decoration: underline;
}
a:active {
    color: yellow;
    background-color: transparent;
    text-decoration: underline;
}
</style>
</head>
<body>

<p>You can change the default colors of links</p>

<a href="http://www.w3schools.com/html/html_images.asp" 

target="_blank">HTML Images</a> 

</body>
</html>

【问题讨论】：

如果您从在线学校复制代码，只需使用他们提供的演示：w3schools.com/css/css_link.asp
问题是演示本身带有错误♣♦
我认为您的代码可能没问题。它对我有用。但是您需要了解，当您单击链接时，该链接不会变成粉红色，如果有人已经访问过该页面，无论是否通过您的链接，它都会变成粉红色。因此，如果您访问过该页面，它对您来说将是粉红色的。
我知道。我正在寻找的是：a）当它还没有被点击时有一个绿色链接 b）当鼠标悬停链接时有一个红色链接 c）当鼠标单击链接时有一个黄色链接 d）有一个点击链接后的粉红色链接
css link color styles best practice的可能重复

标签： html css hyperlink styles

【解决方案1】：

问题是

a:visited {
    color: pink;
    background-color: transparent;
    text-decoration: none;
}

访问过的链接会被涂成粉红色，所以如果你想访问过的和正常的链接是绿色的，那么使用

a:link {
    color: green;
    background-color: transparent;
    text-decoration: none;
}
a:visited {
    color: green;
    background-color: transparent;
    text-decoration: none;
}

【讨论】：

我希望普通链接为绿色，访问链接为粉红色。 ☺

【解决方案2】：

问题在于 ":link" 删除它。

【讨论】：

我删除了它仍然得到粉红色的链接

【解决方案3】：

这不合逻辑。如果您为访问过的链接定义颜色（粉红色），那么所有访问过的链接都会变成粉红色！

我猜你正在尝试做一个导航栏并显示活动页面，对吗？

所以检查这个例子：

http://www.w3schools.com/css/tryit.asp?filename=trycss_navbar_horizontal_black_active

【讨论】：