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

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

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

Когда я тестирую валидацию, похоже, что приведенный выше CSS неприменим. Я проверил с помощью Firebug, и к метке и области ввода применен класс «ошибка».

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