Skip to content

Instantly share code, notes, and snippets.

@simeydotme

simeydotme/odd-last-child.html

Created February 14, 2025 10:11
Show Gist options
  • Save simeydotme/11fb2c3bd664c0bb1f153454ce353e6f to your computer and use it in GitHub Desktop.
Save simeydotme/11fb2c3bd664c0bb1f153454ce353e6f to your computer and use it in GitHub Desktop.
Download ZIP
tailwind selector for the last element in a container (if the # if elements in the container is odd)
Raw
odd-last-child.html
<ul class="[&>*:nth-last-child(2)_~_:nth-of-type(odd)]:text-red-500">
<li />
<li />
<li />
<li />
<li /> <!-- red -->
</ul>
<ul class="[&>*:nth-last-child(2)_~_:nth-of-type(odd)]:text-red-500">
<li />
<li /> <!-- not red -->
</ul>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment