css - 将链接颜色添加到 CSS 属性组

Question

是否可以在主 CSS 属性语句中指定超链接颜色，如下所示？我尝试了几种变化，但没有运气。

width: 100%;
color: #FFF;
background-color: #693F18;
a.link-color: #fff;

标签： csshyperlink

Answer 1

有几种不同的方式来设置超链接的样式：a对于链接本身，以及以下伪类：

• a:link- 一个正常的、未访问的链接
• a:visited- 用户访问过的链接
• a:hover- 用户将鼠标悬停在链接上时的链接
• a:active- 点击时的链接

要更改颜色，您正在寻找color属性。

这可以在下面看到：

a {
  color: cyan;
}

a:link {
  color: blue;
}

a:visited {
  color: red;
}

a:hover {
  color: green;
}

a:active {
  color: purple;
}

<a href="#">Link</a>