Unknown at rule @tailwind

Getting this error in Cursor but not VS Code. Went around and around in ChatGPT and Claude to debug; I think the issue is with Cursor.

Screenshot 2024-09-20 at 5.10.33 PM

I doubt this is issue is being caused by Cursor — This is a pretty common Tailwind / PostCSS annoyance.

My hunch is that maybe you have not migrated all of your settings / extensions over from VS Code into Cursor (and you may have some VS Code Settings or the PostCSS Language Support extension installed in VS Code, but not yet in Cursor, which is why you see a difference between the two)

At any rate, here are a few different ways you can fix this:

  1. Change the language mode for your tailwind.css file from “CSS” to “Tailwind CSS”


  1. In your Cursor VS Code settings, change the CSS Unknown At Rules value from warning → ignore


  1. Add a PostCSS Language Support Extension to your Cursor IDE. I don’t really recommend this approach, but here are a couple of options for extensions:

All of these methods should work to resolve your warning.

Cheers! :v:

1 Like

That worked! Thank you :slight_smile:

1 Like

@rodfeuer Feel free to update this post’s status from unsolved → solved