css
Tailwind group/peer modifiers not triggering
group-hover.*not.*working|peer.*modifier.*no effect
Fixes
- 1.Add the 'group' class to the parent element: <div class='group'> and 'group-hover:' to child
- 2.For peer, the peer element must come BEFORE the target in the DOM (CSS ~ selector limitation)
- 3.Use named groups for nested groups: 'group/name' on parent, 'group-hover/name:' on child
tailwindgrouppeermodifiers
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