CSS :visited Selector

Example

How to style links to previously visited pages:

a:visited
{
background-color:yellow;
}

Try it yourself »

The :visited selector styles links to visited pages.

Note: The :link selector does not style links to pages you have not visit.

Tip: Use the :link selector to style links to not visited pages.

Tip: Use the :hover selector to style links when you mouse over them.

Note: :hover MUST come after :link and :visited (if they are specified) in the CSS definition in order to be effective!

Tip: Use the :active selector to style links when you click on them.

Note: :active MUST come after :hover (if specified) in the CSS definition in order to be effective!

The :visited selector is supported in all major browsers.

The :visited selector was first introduced in:

CSS 1

CSS tutorial: CSS Links

How to style a link, unvisited, visited, active, and when you mouse it:

a:link {color:green;}
a:visited {color:green;}
a:hover {color:red;}
a:active {color:yellow;}

Try it yourself »

How to give different links different styles:

a.ex1:hover,a.ex1:active {color:red;}
a.ex2:hover,a.ex2:active {font-size:150%;}

Try it yourself »