클래스를 사용하여 텍스트 입력에 CSS 적용하기

Question

저는 현재 작성중인 양식에 jQuery 유효성 검사를 사용하고 있습니다. 텍스트 필드의 색상을 변경하고 오류 메시지를 흰색으로 변경하려면 무언가가 잘못되었습니다. 나는 다음의 CSS가 작동 할 것이라고 생각했다 :

위의 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를 공백없이 사용해보십시오.