css
Tailwind CSS class not applying to element
class.*not.*applying|tailwind.*class.*no effect|utility.*not working
Fixes
- 1.Check specificity — another CSS rule may be overriding. Use !important modifier: !text-red-500
- 2.Verify the class name is correct (e.g., text-grey-500 vs text-gray-500)
- 3.Ensure the element isn't inside a scope where Tailwind is excluded by prefix or content config
tailwindspecificityclass
Related Errors
css3 fixes
Container queries not supported
@container.*not.*supported|container-type.*unknown
- •Add container-type: inline-size to parent
- •Check browser version supports container queries
css3 fixes
Container query: Invalid container name
container-name.*must be.*ident
- •Use valid CSS identifier for container-name
- •Don't use CSS keywords as container names
css3 fixes
Container query: No matching container ancestor
@container.*no.*ancestor.*container
- •Add container-type to an ancestor element
- •Check container-name matches query