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

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::before { 
    content: "\2022"; 
} 

重新创建10

现在a的样式包括子弹

a:visited { 
    color: red; 
} 

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

无论如何，我认为可能会有更多的工作过度。

demo in jsfiddle