Динамическое изменение класса CSS в поле таблицы td

---

Я хотел бы изменить цвет в поле (td) [изменить цвет - изменить / перенести в другой класс css?]

Состояние:
Условие исходит из запроса "если". если (sb == true), то ничего не меняется, если (sb == false) "[else]"
затем класс css in (td class="InputsForUserColor1") может измениться на class="InputsForUserColor1Change".


Я отмечаю
(td class="InputsForUserColor2") остается неизменным



Код html (razor/C#):
переменная "СБ" за пределами "если", подразумевает другое значение

@for (int sth = 0; sth< ViewBag.sth; sth++)

{

                if (sb == true){

                    varSth = "00:00";

                }

                else{

                   varSth = "20:00";

                }

                         @for (int sthElse = 0; sthElse< ViewBag.sthElse; sthElse++)

                          {

                                if (nr_columns == 2){

                                    <td id="td01" class="InputsForUserColor1"></td>
                                }
                                if (nr_columns == 3){
                                    <td id="td01" class="InputsForUserColor2"></td>
                                }
                          }
}

CSS:

.InputsForUserColor1, area {
    background-color: papayawhip;
    border: hidden;
    align-content: center;
    align-items: center;
    vertical-align: central;
}

.InputsForUserColor1Change, area {
    background-color: white;
    border: hidden;
    align-content: center;
    align-items: center;
    vertical-align: central;
}

лично я его не писал потому что не знаю как к нему подойти

Что я уже пробовал:

лично я его не писал потому что не знаю как к нему подойти

---