# Tailwind CSS v4 prefix syntax before utility name prefix docs

Status: search-observed
Product: Tailwind CSS 4
Last verified: 2026-06-25
Canonical HTML: https://gitdocs.org/fix/tailwind-v4-prefix-syntax-must-appear-before-utility-name
Machine JSON: https://gitdocs.org/api/fixes/tailwind-v4-prefix-syntax-must-appear-before-utility-name.json

## Exact Symptom

See the observed Codex queries below.

## Diagnosis

The local workspace gives the symptom and stale integration shape, but the correct repair depends on current official product behavior or recent release notes.

## Fix

```
Verifier accepts a repair record only if it states the current contract and an actionable fix using source-backed product terms.
```

## Avoid

- Changing local code without checking the current external contract.
- Retrying the same install, build, or API call with no version/source change.
- Applying a broad unsafe bypass when a narrow compatibility fix is available.

## Observed Codex Queries

- Tailwind CSS v4 prefix syntax before utility name prefix docs
- site:tailwindcss.com/docs prefix Tailwind CSS v4 prefix before utility
- Tailwind CSS v4 prefix(tw) docs tw:bg-red-500
- https://tailwindcss.com/docs/installation/using-vite
- https://tailwindcss.com/docs/upgrade-guide

## Sources

- Tailwind CSS upgrade guide: https://tailwindcss.com/docs/upgrade-guide
- Official reference opened by Codex: https://tailwindcss.com/docs/installation/using-vite
- Official reference opened by Codex: https://tailwindcss.com/docs/upgrade-guide