Как поменять цвет текста при наведении CSS

Чтобы изменить цвет текста при наведении на элемент, можно использовать псевдокласс :hover и свойство color.

Пример HTML:

<a href="#" class="link">Мой текст</a>

Пример CSS:

.link {
  color: #000000; /* цвет текста по умолчанию */
}

.link:hover {
  color: #FF0000; /* цвет текста при наведении курсора на элемент */
}

В этом примере, при наведении курсора на элемент ссылки, цвет текста изменится на красный.

Также можно использовать разные эффекты анимации или переходов для более интересного визуального эффекта. Например:

.link {
  color: #000000;
  transition: color 0.3s ease;
}

.link:hover {
  color: #FF0000;
}

В этом примере свойство transition добавляет плавный переход изменения цвета текста при наведении на элемент ссылки. Это создает более интересный эффект, чем простое изменение цвета.

Надеюсь, это поможет вам изменить цвет текста при наведении на элемент!