Aplicar CSS a entradas de texto con clases

Question

Estoy usando jQuery validate en un formulario que estoy construyendo y está funcionando muy bien. Lo que quiero hacer es cuando algo no es válido para que el campo de texto cambie de color y el mensaje de error sea blanco. Pensé que el siguiente CSS funcionaría:

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

Cuando pruebo la validación, el CSS anterior no parece aplicarse. Verifiqué usando Firebug y la etiqueta y el área de entrada tienen la clase 'error' aplicada.

El CSS parece válido ya que cuando salgo de la cláusula .error todo parece que también lo quiero. ¿Qué estoy haciendo mal?

Answer 1

Un espacio puede ser demasiado. Prueba:

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

Información de fondo:

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

Answer 2

Pruebe label.error y input.error sin espacios.