Privacy and the :visited selector

To preserve users' privacy, browsers lie to web applications under certain circumstances:

• The window.getComputedStyle method and similar functions, such as element.querySelector, always return values indicating that a user has never visited any of the links on a page.
• When using a sibling selector, such as :visited + span, the adjacent element (span in this example) is styled as though the link were unvisited.
• In rare scenarios, if you're using nested link elements and the element being matched is different from the link whose presence in history is being tested, the element will be rendered as though the link were unvisited.

You can style visited links, but there are limits to which styles you can use. Only the following styles can be applied to visited links:

• color
• background-color
• border-color (and its sub-properties)
• column-rule-color
• outline-color
• text-decoration-color
• text-emphasis-color
• Color parts of the fill and stroke attributes

In addition, even for the styles mentioned above, transparency differences between unvisited and visited links are not applied. This restriction prevents the use of the alpha parameter in various <color> functions or the transparent keyword to distinguish between the two states.

Here is an example of how to use styles with the aforementioned restrictions:

:link {
  outline: 1px dotted blue;
  background-color: white;
  /* The default value of `background-color` is `transparent`. You need to
     specify a different value, otherwise changes on `:visited` won't apply. */
}

:visited {
  outline-color: orange; /* Visited links have an orange outline */
  background-color: green; /* Visited links have a green background */
  color: yellow; /* Visited links have yellow colored text */
}

You may want to consider the following when developing sites:

• Changing background-image values based on a link's visited state will not work since only colors can be used to style visited links.
• Colors that are otherwise transparent will not apply when styled via a :visited selector.

• Preventing attacks on a user's history through CSS :visited selectors (2010)