HTML CSS | 设置超链接默认颜色
在本文中，我们将介绍如何使用HTML和CSS来设置超链接的默认颜色，并保持原始颜色不变。
阅读更多：HTML 教程
了解超链接的CSS样式
超链接是网页中常用的元素之一，它可以让用户在不同页面之间进行导航。在HTML中，我们使用标签来创建超链接，而CSS则可以控制超链接的样式。
默认情况下，浏览器会为超链接应用一个默认的颜色。当鼠标悬停在超链接上时，颜色可能会有所改变。这样的效果对于用户体验来说是有帮助的，因为它可以提示用户当前的交互状态。
然而，有时候我们需要保持超链接的原始颜色不变，而不受浏览器默认样式的影响。下面是一些示例说明如何实现这一目标。
使用CSS样式表设置超链接颜色
要设置超链接的默认颜色并保持原始颜色不变，我们可以使用CSS样式表中的属性和伪类。
首先，我们可以为超链接创建一个类选择器，并在其中使用color属性来指定其默认颜色，如下所示：
在上面的示例中，我们将超链接的默认颜色设置为#336699，你可以根据自己的需求选择任何颜色。
接下来，我们需要应用这个类选择器到超链接上。我们可以在标签中使用class属性，并将其值设置为我们定义的类选择器名称，如下所示：
通过在超链接中添加class="my-link"，我们已经将我们定义的默认颜色应用到了该超链接上。
现在，当我们在浏览器中打开页面时，我们会看到超链接的默认颜色是#336699，而不是浏览器的默认颜色。
保持鼠标悬停状态下的超链接颜色不变
为了保持超链接在鼠标悬停状态下的颜色不变，我们需要使用CSS伪类a:link，它表示未被访问的超链接。
我们可以通过在CSS样式表中针对a:link选择器设置相同的颜色来实现这一目标，如下所示：
在上面的示例中，我们将a:link和a:hover选择器都应用到了.my-link类选择器。这意味着无论是在未被访问时还是在鼠标悬停时，超链接的颜色都将保持为#336699。
现在，当我们将鼠标悬停在超链接上时，其颜色将保持不变，而不是在浏览器默认样式下发生变化。
完整示例
下面是一个完整的示例，演示了如何使用HTML和CSS设置超链接的默认颜色并保持原始颜色不变：
你可以将上述代码保存为.html文件，并在浏览器中打开文件进行预览。超链接的默认颜色将会是#336699，而当鼠标悬停在超链接上时，颜色将保持不变。
总结
通过使用HTML和CSS，我们可以设置超链接的默认颜色并保持原始颜色不变。通过使用类选择器和CSS伪类，我们可以轻松地控制超链接在不同状态下的颜色。这提供了更多的设计自由度和用户体验控制，使我们能够根据自己的需求来定义超链接的外观和交互效果。