Anwenden von CSS Texteingaben mit Klassen

Question

Ich bin mit jQuery auf einem Formular bestätigen Ich baue und es funktioniert super. Was ich tun möchte, ist, wenn etwas ist ungültig das Textfeld ändern Farben zu haben und die Fehlermeldung zu sein weiß. Ich dachte, das folgende CSS funktionieren würde:

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

Wenn ich die Validierung der oben CSS-Test scheint nicht zu gelten. Ich habe mit Firebug und das Etikett und Eingabebereich haben die ‚Fehler‘ Klasse angewandt.

Die CSS scheint gültig, wenn ich das .error Klausel alles wegzulassen sieht aus wie ich es auch wollen. Was mache ich falsch?

Answer 1

Ein Raum kann man zu viel sein. Versuchen Sie:

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

Hintergrund:

label .error  /* selects all elements of class "error" *within* any label */
label.error   /* selects labels of class "error"                          */

Answer 2

Versuchen label.error und input.error ohne Leerzeichen ein.