StoneHeart
StoneHeart

Reputation: 16590

Set a:visited style with JavaScript or jQuery

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?

Upvotes: 2

Views: 6168

Answers (1)

Quentin
Quentin

Reputation: 943537

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

Upvotes: 2

Related Questions