The :visited selector in CSS is used to select the visited links. For example, visit some link on the website and again see it, then it will find the changed color of that link. This change in color is done by :visited the selector.
The allowed CSS property of : visited selectors are listed below:
- color
- border-color
- background-color
- outline color
- column-rule-color
- fill-color and stroke
Syntax:
:visited {
// CSS Properties
}
Example: In this example, The :visited selector is used to style visited links, applying green color to the visited link in this example.
HTML
<!DOCTYPE html>
<html>
<head>
<title>:visited selector</title>
<style>
/* visited CSS property */
a:visited {
color: green;
}
</style>
</head>
<body style="text-align:center">
<h1>
:visited Selector
</h1>
<h3>
Click on the link
</h3>
<p>
Visit Geeks:
target="_blank">
geeksforgeeks.org
</a>
</p>
</body>
</html>
|
Output:
Supported Browser:
- Google Chrome 1
- Microsoft Edge 12
- Firefox 1
- Opera 3.5
- Safari 1