Textfarbe mit Tailwind ändern bei hover Aktivität

Möchte man bei einem Element z.B. die Textfarbe ändern, sobald die Maus über das Element fährt, kann man dies mit der :hover Pseudoklasse erreichen. Ein einfaches Beispiel dafür könnte so aussehen:

<div class="hover:text-red-700">
  <p>Change me on hover activity</p>
</div>Code-Sprache: HTML, XML (xml)

Sobald der User mit der Maus über den Text fährt, wird der Text in dunklerem Rot angezeigt.