html - 如何使用 css 类更改链接的字体颜色？

Question

我正在尝试更改标题类中链接的字体颜色。我尝试使用下面的代码，但它影响了页面上的所有链接。我尝试了不同的安排，但似乎无法找出正确的方法。

CSS 代码

#amp-wp-header a:active, a:visited {
    color:#ffffff;
}
a:hover, a:focus {
    color:#ffffff;
}

HTML 代码

<header id="#top" class="amp-wp-header">
    <div>
    <a href="http://example.com">Title </a>
    </div>
</header>

Answer 1

如果您不关心特定的链接状态，只需执行以下操作:

.amp-wp-header a {
    color:#ffffff;
}

您的方法的问题是逗号分隔符用于指示单独的选择器。

当你这样做时:

.amp-wp-header a:active, a:visited {
    color:#ffffff;
} 

你是说:

1. 将此颜色分配给 .amp-wp-header 下的所有 a:active 元素
2. 将此颜色分配给所有 a:visited 元素(这个标记整个文档)