[&:not(:first-child)] not working

[foremtehan]

Can anyone tell me why [&:not(:first-child)] not working ? https://play.tailwindcss.com/tbY72Pzc4j

<div class="[&:not(:first-child)]:bg-red-500">
  <div>1</div>
  <div>2</div>
  <div>3</div>
  <div>4</div>
</div>

[wongjn]

Seems to be working fine, the effect can be seen when adding another copy: https://play.tailwindcss.com/wGwx8KxIvA. If it does not work in your project, consider checking:

• Tailwind has compiled since you added the class.
• The content file globs sufficiently cover the file that the code appears in.
• The class name would resolve to a Tailwind class that Tailwind would generate a rule for.

[foremtehan]

So the play.trailwindcss.com is the problem rn?

[wongjn]

No, the [&:not(:first-child)]: arbitrary variant works as expected as per the Tailwind Play.

[uigywnkiub]

Not work at all.

[wongjn]

Could you provide a reproducible example please, with details about how you expect it to work vs how it is currently working?