Fíjate que en los dos párrafos estás asignando la misma clase al contenedor, lo cual está mal. Además, en los estilos, solo necesitas asignar el color a la respectiva clase, así los demás tomarán el color definido por defecto, por ejemplo:
Código css:
Ver original.tipoA .a {background-color: #0F0;}
.tipoB .b {background-color: #0F0;}
.tipoC .c {background-color: #0F0;}