Ребята, почему у меня не срабатывает transition при наведении? 😤

Ребята, почему у меня не срабатывает transition при наведении? 😤

Хочу, чтобы цвет текста менялся плавно, но он переключается мгновенно.

1

<p class="text">Наведись на меня</p>

1
2
3
4
5
6
7
8

.text {
  color: black;
  transition: 0.3s;
}

.text:hover {
  color: red;
}

Я же вроде всё правильно указал... Почему анимации нет? Уже и all, и ease, и transition-property пробовал — не помогает!