如何在不使用ID首选项的情况下更改链接的颜色？

Question

我面临的问题是，如果不使用ID首选项，就无法更改未访问链接的颜色。我是否缺少一些核心知识？之间有什么区别？

a:link {
    background-color: red;
    color: aliceblue;
    text-decoration: none;
}

和

#change {
    color: aliceblue;
}

第一个代码部分更改了背景颜色，但是字体的颜色保持不变。要更改字体的颜色，我需要使用第二个代码部分，以'change'作为ID。

示例代码如下：https://codepen.io/can-zgen/pen/GbVyLv

（我正在谈论的部分在页面底部）

Answer 1

我相信您想要的CSS选择器是a:link（reference）来样式化未访问链接，而a:visited（reference）来样式化访问链接。

顺便说一句，我认为您的代码可以正常工作，但是在访问a:link之前，您已经“访问”了这些链接； a:visited被应用。尝试使用Chrome中的隐身模式（或您选择的浏览器中的等效模式）来完成这项工作

Answer 2

将change用作类。此后，一旦首次单击链接，就应该使用javascript添加此类。

Answer 3

a：link颜色不起作用，可能是因为其他一些CSS覆盖了它。您可以尝试-

a {
    background-color: red;
    color: aliceblue;
    text-decoration: none;
}

或

a, a:link, a:visited {
    background-color: red;
    color: aliceblue;
    text-decoration: none;
}

，它将起作用。如果要仅针对netflix和youtube（根据您的示例），则可以执行以下操作-

.lilBox a {
        background-color: red;
        color: aliceblue;
        text-decoration: none;
    }