Применение 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 без пробелов.