将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"                          */