UnoCSS version

66.6.0

Describe the bug

Variant group is useful if I use other variant like hover:

<div un-bg="hover:(gray-300 dark:gray-700)" />

But child selector is useless:

<div un-flex="*:(~ gap-x-2)" />

I change it into this is OK:

<div un-flex="*:~ *:gap-x-2" />

Reproduction

https://unocss.dev/play/#html=DwEwlgbgBArgdgWgGYBsCmAPAvAIgFQBcAflIQOYCGADghggEw6yJgAuaAtgM66EDGaOOwBOOAHwAoKFFCQxsiGICM9AMzAA9OEUKxAFgCsANk3b5WuRNOWr25snTZ8BABQlKNOvQCUTeAjZOHmcBITRRSWldXRV1Cx0zQxN48zMrFKA&config=JYWwDg9gTgLgBAbwFBzgEwKYDNgDsMDCEuOA5gDQpxhQYDOGMAgjDFMAEYCuMwWAnpVQ16jAJIBjYnSHVaDGAHU8aACyUAvnCxQIIOAHIuuCBLp0DSJBgAekWOmwBDLgBt4mHPiIlgpABTIqFBu9ABccADaVKiRBhJcdDB6ALQhrhgG5IhwUq7QEQa0aAZwGgC6spVUdAAW0DAJMHQRQaiGCUmpdQ1NBoUwtjAprqRwgzbD0E64pBhw9QBuGFBhE8ODTq5ZVBqyIgotUTFyokoqqv4AlLLC8owsbJw8fPzXt6cKktKBJ6h0Ei2GAiAEYAHQAJg%2BqAkaFwhVqrDALQA9Cj6CAwXUUTt2mUblRqhorkggA&css=PQKgBA6gTglgLgUzAYwK4Gc4HsC2YDCAyoWABYJQIA0YAhgHYAmYcUD6AZllDhWOqgAOg7nAB0YAGLcwCAB60cggDYIAXGBDAAUKDBi0mXGADe2sGC704AWgDuCGAHNScDQFYADJ4Dc5sAACtMLKAJ5gggCMLPK2ABR2pPBIcsoAlH4WAEa0yADWTlBYqEw2yFjK3Bpw5LxxAOTllVDoYpSMYgAs3vUZ2gC%2BmsBAA&options=N4XyA

System Info

No response

Validations

• Read the Contributing Guidelines.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Check that this is a concrete bug. For Q&A open a GitHub Discussion or join our Discord Chat Server.
• The provided reproduction is a minimal reproducible example of the bug.