css
Tailwind color opacity modifier not working
color.*opacity.*modifier.*not.*working|/\d{2}.*no effect
Fixes
- 1.Use the slash syntax: bg-red-500/50 for 50% opacity (requires Tailwind v3+)
- 2.For older versions, use bg-opacity-50 as a separate class
- 3.Ensure you haven't overridden the color in theme without the CSS variable format Tailwind needs for opacity
tailwindopacitycolors
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