无序的超链接列表 - 将子弹颜色与链接文本颜色相匹配

Question

我创建了一个包含所有列表项的超链接 我想要的是子弹颜色应该根据其状态（访问过或未访问过）与超链接的颜色匹配 我想只使用CSS。 这可能吗？ 如果我还可以将光标悬停在链接上来匹配颜色，那就太棒了。

Answer 1

试试这个

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

<强> DEMO

Answer 2

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

ul {
    list-style: none;
}

并在a

中重新创建它

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

现在a的风格包括子弹

a:visited {
    color: red;
}

非期望的效果：子弹加下划线，因为它现在是a的一部分。

我认为无论如何，这可能会让你的工作过度。

demo in jsfiddle