Grow your CSS skills. Land your dream job.

:visited

Last updated on:

:visited is a pseudo class selector used for anchor link elements that matches when the href attribute of that anchor link has been visited in the past by this browser. It is meant to be useful feedback for a user, so they can tell the difference between links they have been to and links they have not.

Security

There have been some security concerns about :visited, namely that a malicious website could have links to tons and tons of websites and have :visited styling, then test the visual style of the links with JavaScript and report back to a server which of these sites the user has visited. This violates the privacy of the user, as they would have no idea this is being done. As a result, many browsers restrict what styling can be done to :visited links and what styling information can be reported.

This is a good run-down of that situation.

Limited Styling

As part of that security stuff, there are limits to what kind of styling a visited link can get. Specifically:

  • color
  • background-color
  • border-color (and its sub-properties)
  • outline-color
  • The color parts of the fill and stroke properties

Leave a Comment

Posting Code

  • Use Markdown, and it will escape the code for you, like `<div class="cool">`.
  • Use triple-backticks for blocks of code.
    ``` 
    <div>
      <h1>multi-line block of code</h1>
      <span>be cool yo.</span>
    </div>
    ```
  • Otherwise, escape your code, like <code>&lt;div class="cool"&gt;</code>. Markdown is just easier though.

Current ye@r *

*May or may not contain any actual "CSS" or "Tricks".