Set a:visited style with JavaScript or jQuery

Question

How I can set a style of a:visited with JavaScript or jQuery. I know how to set with a regular link like

document.getElementById('a12').style.color = '#ff0000';

But I don't know how it works with a:visited?

Answer 1

Style properties adjust style attributes which apply to elements, they completely replace selectors

You have two choices.

• Write your rule-sets in advance, and then design the element to match the selector.

e.g.

.foo:visited {
  color: #f00;
}

document.getElementById('a12').className += ' foo';

• Dynamically generate rule-sets with selectors that match the element.

See bobince's answer at Setting CSS pseudo-class rules from JavaScript