Tailwind mendukung pseudo-class dan pseudo-element dengan prefix:

State modifiers:

• hover: — saat mouse hover
• focus: — saat elemen fokus
• active: — saat sedang diklik
• disabled: — saat disabled
• first: / last: — anak pertama/terakhir

Group hover:

<div class="group">
  <h3 class="group-hover:text-blue-500">Judul berubah saat parent hover</h3>
</div>

Peer:

<input class="peer" placeholder="Email">
<p class="hidden peer-focus:block">Masukkan email valid</p>

Contoh tombol interaktif:

<button class="bg-blue-500 hover:bg-blue-600 active:bg-blue-700
               focus:ring-2 focus:ring-blue-300
               disabled:opacity-50 disabled:cursor-not-allowed
               transition-colors px-4 py-2 rounded text-white">
  Klik Saya
</button>