将CSS应用于带有类的文本输入

Question

我在我正在构建的表单上使用jQuery验证，它运行良好。我想要做的是当某些内容无效时，文本字段会更改颜色，错误消息将变为白色。我认为以下CSS可以工作：

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

当我测试验证时，上面的CSS似乎不适用。我使用Firebug进行了检查，标签和输入区域都应用了“错误”类。

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。