Tienes varias formas de hacerlo, pero si lo que quieres es que quede general en tu css, entonces simplemente asigna esos cambios de color a una clase, ejemplo:
.cell-red{ background-color: red; }
.cell-green{ background-color: green; }
Ahora si es posible asignar esa misma variable a la celda en usando un atributo data mejor, algo así:
<td class="x-cosa" data-color="green"></td>
En el css puede ir:
[data-color="green"]{ background: green }
Otra variante, para que ya este predeterminado en el css, puede ser usando variables, algo así como:
<td class="x-cosa" style="--color-cell:<?php if ($variable1==="a1"){ ?> #ddd <?php } else {?> blue <?php} ?>"></td>
Y en el css, simplemente predeterminas la variable, colocas:
td.x-cosa{
--color-cell: #fff;
background-color: var(--color);
}
De esta manera, puedes colocar el valor de color que desees en las variables y como al final colocarías el color inline
sobrescribirá el css.
.bg_red
,.bg_blue
, etc y cuando iteres altr
le agregas la clase