Применение CSS к вводу текста с помощью классов

Question

Я использую jQuery validate в форме, которую я создаю, и она работает отлично. То, что я хочу сделать, - это когда что-то недопустимо, чтобы текстовое поле изменило цвет и сообщение об ошибке стало белым. Я полагал, что следующий CSS будет работать:

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

Когда я проверяю валидацию, вышеуказанный CSS, кажется, не применяется. Я проверил, используя Firebug, и к метке и области ввода применен класс 'error'.

Кажется, что CSS действителен, так как когда я опускаю предложение .error, все выглядит так, как будто я тоже этого хочу. Что я делаю не так?

Answer 1

Один пробел может быть слишком много. Попробуйте:

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

Справочная информация:

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

Answer 2

Попробуйте label.error и input.error без пробелов.