Como a pseudoclasse :hover afeta a cor de um elemento?

Resposta

A cor definida em :hover é aplicada enquanto o cursor estiver sobre o elemento.

Explicação:
Regra base define a color do elemento.
Quando o estado :hover ocorre, sua declaração de color sobrepõe a anterior.
Ao retirar o cursor, volta ao valor original.