html - クラスを使用してテキスト入力に CSS を適用する

Question

作成中のフォームでjQuery検証を使用していますが、うまく機能しています。私がやりたいのは、テキスト フィールドの色を変更し、エラー メッセージを白くするのに何かが無効な場合です。次の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 つのスペースが多すぎる場合があります。試す：

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 を試してください。