Css как сделать цвет текста?

Шаг 1. Проверьте, что селектор совпадает с элементом, опечатка в классе — частая причина. Шаг 2. Убедитесь, что другое правило не переопределяет цвет ниже по файлу или с большей специфичностью. Шаг 3. Задайте color: red; внутри нужного селектора и сохраните файл перед проверкой в браузере. Шаг 4. Откройте инструменты разработчика и посмотрите, какое правило реально применилось к тексту.

Причины почему цвет не меняется: селектор не тот — класс написан с опечаткой, стиль просто не находит элемент специфичность ниже — другое правило с id или инлайн-стилем побеждает файл не тот — подключен старый css, браузер кеширует цвет стоит выше по каскаду — более поздний селектор его перебивает Ещё вариант — просто закрыть devtools и перечитать файл целиком, иногда глаз замыливается и опечатка находится сразу Проверка в двух словах: жми F12, кликай на текст, смотри какое правило реально применилось, а какое зачёркнуто. Зачёркнутое — проигравшее правило, там и ищи конфликт. Обычно дело либо в опечатке, либо в специфичности селектора, третьего варианта почти не бывает.

у меня цвет наследовался от родителя, тег внутри перебивал, три часа искала

Разберём по пунктам, почему color может не срабатывать.

• Специфичность селектора. id весит больше класса, класс весит больше тега. Если где-то ниже в файле есть #заголовок { color: black }, а вы пишете .text { color: red }, победит id, даже если ваше правило идёт позже.
• Инлайн-стиль в HTML. style=color:black прямо в теге перебивает почти любой внешний css, кроме important.
• Наследование. Цвет наследуется от родителя, если у дочернего элемента нет своего явного правила, а где-то выше по дереву задан чёрный цвет через body или общий селектор.
• Порядок подключения файлов. Если css подключен дважды или подключен не тот файл после правок, браузер может использовать старую закешированную версию, тут поможет жёсткое обновление страницы.
• Псевдоклассы. Ссылки, например, часто red не берут, потому что браузер по умолчанию красит a:visited и a:link отдельно, и эти правила специфичнее обычного тега.
• Опечатка в свойстве. colr или Color с ошибкой в написании браузер просто проигнорирует молча, без ошибки в консоли.
• Медиа-запросы. Иногда правило переопределяется только внутри @media для определённой ширины экрана, а вы тестируете на другом размере окна, из-за чего кажется что стиль не работает вовсе. Смотрите в панели разработчика какое правило реально применилось, зачёркнутые строки — те что проиграли по специфичности или порядку. Это быстрее, чем гадать вслепую.