Hi,
/* standard */
input[type=text]{ border: 1px solid black; }
/* fokus /
.hasFocus { border: 1px solid green; }
/ leer */
.emptyInput { border: 1px solid red; }
>
> > Firenug zeigt mir auch an, daß die Klassen genutzt werden, aber ich sehe immer noch die standardmäßg definierte Border.
> >
> > Woran liegt das?
>
> An der höheren Spezifität des ersten Selektors.
> <http://www.w3.org/TR/CSS21/cascade.html#specificity>
>
> MfG ChrisB
>
>
Hm, macht Sinn ;)
Habe die Klassen jetzt so erweitert:
`input.hasFocus { border: 1px solid green; }`{:.language-css}
Das steigert die Spezifizität ausreichend um das gewünschte Ergebnis zu erzielen.
Danke!