Qual è il selettore del mouse in CSS?

Question

Ho notato che i pulsanti e gli altri elementi hanno uno stile predefinito e si comportano in 3 passaggi: vista normale, visualizzazione hover/focus e mouse/clic, in CSS Posso cambiare lo stile della visualizzazione normale e della visualizzazione del passaggio del mouse in questo modo:

button{ 
    background:#333; 
    color:#FFF; 
} 

button:hover{ 
    background:#000; 
    color:#EEE; 
} 

ma come posso selezionare il mouse? Voglio qualcosa di simile:

button:mousedown{ 
    //some styling 
} 

grazie

Answer 1

Credo che si intende lo stato attivo

button:active{ 
    //some styling 
} 

Queste sono tutte le possibili pseudo stati un link può avere nei CSS:

a:link {color:#FF0000;} /* unvisited link, same as regular 'a' */ 
a:hover {color:#FF00FF;} /* mouse over link */ 
a:focus {color:#0000FF;} /* link has focus */ 
a:active {color:#0000FF;} /* selected link */ 
a:visited {color:#00FF00;} /* visited link */ 

Vedere anche: http://www.w3.org/TR/selectors/#the-user-action-pseudo-classes-hover-act

Answer 2

Pro-punta Nota: per qualche ragione, la sintassi CSS ha bisogno del :active snippet dopo la :hover per lo stesso elemento al fine di essere efficace

http://www.w3schools.com/cssref/sel_active.asp

Answer 3

ho capito che questo comporta come un evento a sorpresa:

button:active:hover {}