CSS - Pseudo-classe: attiva

Descrizione

La pseudo-classe : active viene utilizzata per aggiungere un effetto speciale a un elemento attivato.

Durante la definizione delle pseudo-classi in un blocco <style> ... </style>, è necessario prestare attenzione ai seguenti punti:

  • a: hover DEVE venire dopo a: link e a: visitati nella definizione CSS per essere efficaci.

  • a: active DEVE venire dopo a: hover nella definizione CSS per essere efficace.

  • I nomi delle pseudo classi non fanno distinzione tra maiuscole e minuscole.

  • Le pseudo-classi sono diverse dalle classi CSS ma possono essere combinate.

Possibili valori

  • color - Qualsiasi valore di colore valido.

Si applica a

Elemento di ancoraggio / collegamento.

Esempio

Di seguito è riportato l'esempio che dimostra come utilizzare : active class per cambiare il colore dei collegamenti attivi.

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

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

Questo produrrà il seguente collegamento. Questo cambierà il suo colore in rosa quando l'utente fa clic su di esso.