Как динамически изменить цвет текста? ⇐ CSS

[Anonymous]

Я хотел изменить цвет заголовка в определенное время дня (например, ночью синий, утром зеленый...)
Для этого я пытаюсь использовать inline-css(inside js).
Мой CSS-файл:

Код: Выделить всё

.heading {
font-size: 50px;
font-weight: bold;
border-bottom: 5px solid black;
}

Мой js-файл:

Код: Выделить всё

import React from "react";
import ReactDOM from "react-dom";

const root = document.getElementById("root");

const curretnTime = new Date().getHours();

if (curretnTime < 12 && curretnTime >= 0) {
ReactDOM.render(

Good Morning
,
root
);
} else if (curretnTime >= 12 && curretnTime 

Подробнее здесь: [url]https://stackoverflow.com/questions/64256897/how-to-change-the-color-of-the-text-dynamically[/url]