Sabemos que podemos utilizar a propriedade class dos elementos HTML para definição de seletores, porém nativamente o navegador também adiciona classes a elementos em determinadas situações.

Digamos que queremos aplicar um efeito a um botão apenas quando ele receber um click. Para isto o navegador insere a pseudo classe active quando botão é pressionado, e através dela podemos configurar uma estilização específica para está situação.

Aqui iremos explorar estas pseudo classes através de um link utilizando a tag "a" com a propriedade "href" configurada com o valor "./index.html". Esta configuração fará que o navegador redirecione você para a mesma página ao pressionar o link.

/* Seletor normal de classe: */
.link_estiloso { 
    font-size: xx-large; /* aumenta o tamanho da fonte */
}

/* Pseudo classe para links ainda não pressionados: */
.link_estiloso:link {
    color: red; /* configura a cor do texto para vermelho */
}

/* Pseudo classe para quando um link já foi visitado: */
.link_estiloso:visited { 
    color: green;
}

/* Pseudo classe para quando o item está sob o mouse: */
.link_estiloso:hover { 
    color: blue;
}

/* Pseudo classe para quando o item está em foco: */
.link_estiloso:focus { 
    color: cyan;
}

/* Pseudo classe para quando o elemento está ativo, como sendo clicado:*/
.link_estiloso:active {  
    color: violet;
}

...
<p><a class="link_estiloso" href="./index.html">Link</a></p><br>
...

Link nunca pressionado:

Link já pressionado:

Link ao passar o mouse sobre:

Link sendo pressionado:

Link em foco após ser pressionado: