Skip to content

Instantly share code, notes, and snippets.

@tfsojon

tfsojon/tailwindcss-child-selector.scss

Created June 18, 2023 07:42
Show Gist options
  • Save tfsojon/f5186869dc18581e4e0258a06a108b86 to your computer and use it in GitHub Desktop.
Save tfsojon/f5186869dc18581e4e0258a06a108b86 to your computer and use it in GitHub Desktop.
Download ZIP
tailwindcss child selector
Raw
tailwindcss-child-selector.scss
<ul class="list-disc [&>*:last-child]:text-blue-600 [&>*:last-child]:font-bold ">
<li>First List Item</li>
<li>Second List Item</li>
<li>Third List Item</li>
<li>Fourth List Item</li>
<li>Fifth List Item</li>
<li>Last List Item</li>
</ul>
<ul class="list-disc">
<li class="last:text-blue-600 last:font-bold">First List Item</li>
<li class="last:text-blue-600 last:font-bold">Second List Item</li>
<li class="last:text-blue-600 last:font-bold">Third List Item</li>
<li class="last:text-blue-600 last:font-bold">Fourth List Item</li>
<li class="last:text-blue-600 last:font-bold">Fifth List Item</li>
<li class="last:text-blue-600 last:font-bold">Last List Item</li>
</ul>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment