css overriding not work

i have writing the overriding class after the original class in the CSS,but it still not working.
After putting !important , it works.
(I still don't understand it)
https://stackoverflow.com/questions/4865103/jquery-addclass-has-no-effect