custom pseudo class css code example

Example 1: pseudo class css

.element:nth-child(1)
.element:hover
.element:visited

Example 2: css pseudo classes

/* unvisited link */
a:link {
  color: #FF0000;
}

/* visited 
link */
a:visited {
  color: #00FF00;
}

/* mouse over link */

a:hover {
  color: #FF00FF;
}

/* selected link */
a:active {

  color: #0000FF;
}