CSS переопределяет функцию стрелки в реакции ⇐ CSS

[Anonymous]

У меня есть компонент реагирования, в котором мне нужно менять цвет тега p каждый раз при обновлении страницы. Я определил функцию стрелки для генерации случайного цвета. Затем я использовал атрибут стиля, чтобы придать ему цвет, сгенерированный функцией. Однако когда я запускаю и проверяю элемент, я вижу синий цвет в файле Module.css, который я уже удалил из файла.

функция стрелки для генерации случайного цвета

const getDifferentColors = () => { const r = Math.floor(Math.random() * 256); const g = Math.floor(Math.random() * 256); const b = Math.floor(Math.random() * 256); return `rgba(${r},${g},${b},0.8)`; }; Тег p, который я пытаюсь изменить

Расположение участников

и код модуля.css для класса

.contributor-title { выравнивание текста: по центру; поле: 20 пикселей 0 пикселей 10 пикселей 0 пикселей; размер шрифта: 500%; семейство шрифтов: «Мефика», без засечек; /* цвет синий; */ } Прикрепляю фотографию элемента проверки: