Estas insertando una clase css en un documento que tiene ya unas propiedades css dadas por plantilla, es decir, traducido a codigo, estas añadiendo una clase a ese elemento spam, y la clase se añade, pero como tiene ya una clase por plantilla asignada, esta tiene mayor prioridad, tienes varias opciones de solucionarlo:
1ª, la mas sencilla, poniendo los elemntos de la clase como "!important", asi:
Código:
.otro-color {
color: #000000 !important;
background-color: #00ffff !important;
}
2ª, reemplazando directamente las propiedades del elemto css "#cantidad spam" a traves de jQuery.css() directamente, asi:
Código:
<script language="javascript" type="text/javascript">
$(document).ready(function(){
//$('#cantidad span:last').addClass('otro-color');
$("#cantidad > span:last").css({"color":"#000000", "background-color":"#00ffff"});
});
</script>
Un saludo.