Tailwind basic Pseudo classes

មេរៀន Pseudo classes គឺជាការដាក់ពណ៌ឆ្លាស់គ្នាពីមួយទៅមួយ

• first:bg-yellow-400"
• first:bg-yellow-400"
• first:bg-yellow-400"

<ul>
    <li class="first:bg-yellow-400">first:bg-yellow-400"</li>
    <li class="first:bg-yellow-400">first:bg-yellow-400"</li>
    <li class="first:bg-yellow-400">first:bg-yellow-400"</li>
</ul>

Pseudo classes ជាមួយ odd និង even

អ្វីទៅ odd និង even គឺជាការចាប់យកលេខសេស និងលេខគួរ។ ដូច្នេះកូដនៅខាងក្រោមនេះវាមាន index គឺចាប់ពី index 0 រហូតដល់ index 3 ។

• odd:bg-pink-200 even:bg-yellow-300
• odd:bg-pink-200 even:bg-yellow-300
• odd:bg-pink-200 even:bg-yellow-300
• odd:bg-pink-200 even:bg-yellow-300

<ul>
   <li class="odd:bg-pink-200 even:bg-yellow-300">odd:bg-pink-200 even:bg-yellow-300</li>
   <li class="odd:bg-pink-200 even:bg-yellow-300">odd:bg-pink-200 even:bg-yellow-300</li>
   <li class="odd:bg-pink-200 even:bg-yellow-300">odd:bg-pink-200 even:bg-yellow-300</li>
   <li class="odd:bg-pink-200 even:bg-yellow-300">odd:bg-pink-200 even:bg-yellow-300</li>
</ul>