Applicazione di CSS a input di testo con Classi

Question

Sto usando jQuery validate su un modulo che sto costruendo e funziona alla grande. Quello che voglio fare è quando qualcosa non è valido affinché il campo di testo cambi i colori e il messaggio di errore sia bianco. Ho pensato che il seguente CSS avrebbe funzionato:

label .error {color: white; font-weight: bold;}
input .error {background-color: pink; border: 1px dashed red; color: white}

Quando collaudo la convalida il CSS sopra non sembra applicarsi. Ho controllato usando Firebug e l'etichetta e l'area di input hanno applicato la classe "error".

Il CSS sembra valido come quando lascio andare la clausola .error tutto sembra come lo voglio anch'io. Cosa sto sbagliando?

Answer 1

Uno spazio può essere uno di troppo. Prova:

label.error {color: white; font-weight: bold;}
input.error {background-color: pink; border: 1px dashed red; color: white}

Informazioni sullo sfondo:

label .error  /* selects all elements of class "error" *within* any label */
label.error   /* selects labels of class "error"                          */

Answer 2

Prova label.error e input.error senza spazi.