Uma dica que aprendi pra testar esse tipo de problema é adiconar um !important logo após a declaração css que não está surtindo efeito. Ela sobrescreve as demais.
Sim... a declaração inline sobrepôs a outra, porém precisava dela como classe pois vou utilizar em diversos elementos. Descobri que meu html estava chamando outra folha da estilo depois da principal que limpava minha classe... consegui resolver.
Valeu pela força, Rafael... abraço!!!!
Usa CTRL+F e escreve ".col-2" procura todos iguais e mescla, deixa tudo no mesmo lugar ae nao vai ter problema de conflito
outro jeito eh colocar o código css na propria tag poe <div class="col-2" style="background:#FFF;">...</div>