CSS - Pseudo-classe: ativo

Descrição

A pseudo classe : active é usada para adicionar um efeito especial a um elemento ativado.

Ao definir pseudo-classes em um bloco <style> ... </style>, os seguintes pontos devem ser tomados cuidado -

a: hover DEVE vir depois de um: link e a: visitado na definição de CSS para ser eficaz.
a: active DEVE vir após a: hover na definição de CSS para ser eficaz.
Os nomes das pseudoclasses não diferenciam maiúsculas de minúsculas.
As pseudoclasses são diferentes das classes CSS, mas podem ser combinadas.

Valores possíveis

color - Qualquer valor de cor válido.

Aplica-se a

Elemento âncora / link.

Exemplo

A seguir está o exemplo que demonstra como usar : classe ativa para alterar a cor dos links ativos.

<html>
   <head>
      <style type = "text/css">
         a:active {color: #FF00CC}
      </style>
   </head>

   <body>
      <a href = "/html/index.htm">Click This Link</a>
   </body>
</html>

Isso produzirá o seguinte link. Isso mudará sua cor para rosa quando o usuário clicar.

↰ Previous page