We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
There was an error while loading. Please reload this page.
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
What version of VS Code are you using?
v1.87.2 (Universal)
What version of Tailwind CSS IntelliSense are you using?
v0.11.60 (pre-release)
What version of Tailwind CSS are you using?
v4.0.0-alpha.11
What package manager are you using?
pnpm
What operating system are you using?
macOS
Tailwind config
None - using @tailwindcss/vite@4.0.0-alpha.11 plugin.
@tailwindcss/vite@4.0.0-alpha.11
VS Code settings
{ "editor.defaultFormatter": "esbenp.prettier-vscode", "files.associations": { "*.css": "tailwindcss" }, "typescript.format.insertSpaceAfterOpeningAndBeforeClosingNonemptyBraces": false, "typescript.tsdk": "node_modules\\typescript\\lib" }
Reproduction
<div class="[&.active]:"> <a href="/" class="active">Home</a> <a href="/about">About</a> ... </div>
Describe your issue
The IntelliSense does not show suggestions for classes that have custom selectors using square brackets. eg: [&.active]:, data-[active=true]:.
[&.active]:
data-[active=true]:
The hover description:
It works fine with selectors that do not have square brackets, btw.
The text was updated successfully, but these errors were encountered:
I'm suffering from the same obstacle
Sorry, something went wrong.
same issue with tailwindcss@4.0.8 & webstorm 2024.3.3
0d9bd2e
Gonna get a release out soon with this fix 👍
thecrypticace
Successfully merging a pull request may close this issue.
What version of VS Code are you using?
v1.87.2 (Universal)
What version of Tailwind CSS IntelliSense are you using?
v0.11.60 (pre-release)
What version of Tailwind CSS are you using?
v4.0.0-alpha.11
What package manager are you using?
pnpm
What operating system are you using?
macOS
Tailwind config
None - using
@tailwindcss/vite@4.0.0-alpha.11
plugin.VS Code settings
Reproduction
Describe your issue
The IntelliSense does not show suggestions for classes that have custom selectors using square brackets.

eg:
[&.active]:
,data-[active=true]:
.The hover description:

It works fine with selectors that do not have square brackets, btw.

The text was updated successfully, but these errors were encountered: