How to use nested selectors for children? #34

I know that with vanilla-extract it is not possible to use child element selectors when defining the styles, e.g.:

export const myList = style({
 position: 'relative',
 display: 'block',
 listStyle: 'none',
 color: 'inherit',
 '> li': {
 padding: '1rem',
 }
})

Is it possible to accomplish something like this in macaron or does it have the same limitation?

Having to write a separate style for each child selector is IMHO a lot of boilerplate & an overkill, and it defeats the purpose of cascade style sheets.