Неупорядоченный список гиперссылок - Совпадение цвета пули с цветом текста ссылки

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"; 
} 

теперь стиль а включает в себя пулю

a:visited { 
    color: red; 
} 

нон желаемого эффекта: пуля указывается, как это теперь часть а.

Я думаю, что это может быть преувеличено с большим количеством работы, во всяком случае.

demo in jsfiddle