Html 超链接无序列表-将项目符号颜色与链接文本颜色匹配

我已创建了一个包含所有列表项的超链接。
这里我想要的是，项目符号的颜色应该与超链接的颜色相匹配，这取决于超链接的状态（已访问或未访问）。
我只想使用CSS。 这可能吗？ 如果我能在将光标悬停在链接上时匹配颜色，那就太好了。

试试这个

li {
    color:red
}
a {
    color:red;
    display:block
}
li:hover, a:hover{
    color:green
}

试试这个

li {
    color:red
}
a {
    color:red;
    display:block
}
li:hover, a:hover{
    color:green
}

---

您可以删除标准项目符号：

ul {
    list-style: none;
}

并在a中重新创建它

a::before {
    content: "\2022";
}

现在，a的样式包括项目符号

a:visited {
    color: red;
}

非预期效果：项目符号加下划线，因为它现在是a的一部分

无论如何，我认为如果再多做些工作，那就太过分了

---

您可以删除标准项目符号：

ul {
    list-style: none;
}

并在a中重新创建它

a::before {
    content: "\2022";
}

现在，a的样式包括项目符号

a:visited {
    color: red;
}

非预期效果：项目符号加下划线，因为它现在是a的一部分

无论如何，我认为如果再多做些工作，那就太过分了

---

您必须向

li

项添加一个类并更改其颜色。不幸的是，您无法检测链接的状态并仅使用CSS更改颜色。您必须向

li

项添加一个类并更改其颜色。不幸的是，您无法检测链接的状态，也无法仅使用CSS更改颜色。