moO: jquery addClass ignoriert?

Beitrag lesen

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!