top of page

CSS :hover Selector ( Select and style unvisited, visited, hover, and active links:)

Below is the example of the CSS :hover Selector (visited, hover and selected links)


<!DOCTYPE html>
/* unvisited link */
a:link {
  color: green;

/* visited link */
a:visited {
  color: green;

/* mouse over link */
a:hover {
  color: red;

/* selected link */
a:active {
  color: yellow;

<p>Mouse over and click the link: 
<a href="">The Tech Platform</a></p>



When you will click the link you will see the below result.

Source: W3School

The Tech Platform

bottom of page