클래스와 함께 텍스트 입력에 CSS를 적용합니다

Question

저는 제작중인 양식에서 jQuery Validate를 사용하고 있으며 잘 작동합니다. 내가하고 싶은 것은 텍스트 필드가 색상을 변경하고 오류 메시지가 흰색으로 변하는 것이 유효하지 않은 경우입니다. 다음 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를 사용해보십시오.