Ciao,
La precedenza delle famiglie ce l'ha prima. Quindi nella classe .serif, devi mettere serif per prima e così anche
nell'altra.
Vedi nella mia url di utente un bel corso html5 css dove si spiegano tutte queste cose.