如何更改HTML中链接的默认颜色?(a:链接)

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

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

我正在寻找的是这个：

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>

问题是

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

问题出在"：link"上，只需将其删除即可。

这是

不合逻辑的。如果为访问过的链接定义颜色(粉红色(，则所有访问过的链接都将变为粉红色！

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

所以检查这个例子：

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

相关内容

最新更新

热门标签：