API котировки, не печатать цвет текста

Question

Я создал Real Time API для фондовых бирж БФБ и БФБ, который работает нормально и дает текущий курс акций.Да, я использую SENSEX api и пытаюсь изменить цвет текста в соответствии с моими нижеприведенными требованиями:

Если текущее время больше, чем в предыдущей секунде, тогда ЗЕЛЕНЫЙ цвет и наоборот, тогда КРАСНЫЙ цвет ..

Если текущая скорость равна предыдущей.тогда никаких изменений в цвете.как это цвет.

Вот результат моего API в консоли:

{lastprice: "37,290.67", changed: "-294.84", open: 37, low: "37,242.85", high: "37,745.44",…}

Это мой AJAX код:

setInterval(function() {
  $.ajax({
    type: "post",
    headers: {
      'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
    },
    url: "{{url('live/change_stoke_market_value_live')}}",
    data: {
      "_token": "{{ csrf_token() }}"
    },
    dataType: 'json',
    success: function(res) {
      if (!res) {
        alert('Something went wrong')
      } else {

        console.log(res)

        $('#sensex').html(

          ' <div class="float-right">\n' +
          '        <i class="mdi mdi-account-multiple widget-icon"></i>\n' +
          '        </div>\n' +
          '        <h5 class="text-muted font-weight-normal mt-0" title="Number of Customers">SENSEX</h5>\n' +
          '        <h4 class="mt-3 mb-3">' + res.lastprice + ' (' + res.changed + ')</h4>\n'


        )
        if (res.lastprice.indexOf("+") != -1) {

          document.getElementById("sensex").className = "greenText";
        } else {


          document.getElementById("sensex").className = "redText";
        }

      }
    }
  });
}, 1000);

.greenText {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: rgb(83, 241, 83);
  text-decoration: none;
}

.redText {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: Red;
  text-decoration: none;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<li class="nav-item dropdown">
  <a id="sensex"></a>
</li>

Я не знаю, что не так ... API и RATE работают нормально, но .. нет изменения цвета .

Answer 1

Это оказалось очень простой проблемой css специфичности.Мы решили проблему, добавив !important к объявлениям цвета текста в классах.

.greenText {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: rgb(83, 241, 83) !important;
  text-decoration: none;
}

.redText {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: Red !important;
  text-decoration: none;
}