將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。