クラスを使用してテキスト入力に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は有効なように見えます。私は何を間違えていますか？

Answer 1

1つのスペースが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をスペースなしで試してください。