Aplicando CSS a entradas de texto com classes

Question

Eu estou usando jQuery validar em um formulário que estou construindo e está trabalhando muito. O que eu quero fazer é quando algo é inválido para que as cores da mudança de campo de texto e a mensagem de erro a ser branco. Imaginei o seguinte CSS funcionaria:

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

Quando eu testar a validação do CSS acima não parecem aplicar-se. Eu verifiquei usando o Firebug e da área de rótulo e de entrada têm a classe 'error' aplicada.

O CSS parece válido como quando eu deixar de fora os .error cláusula tudo parece eu também quero. O que estou fazendo de errado?

Answer 1

Um espaço pode ser um demais. Tente:

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

info fundo:

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

Answer 2

Tente label.error e input.error sem espaços.