I think I've hit an issue here.
Using a class like child-ul:xs:space-x-6 results in the following output that ignores the child selector.
@media (min-width:420px){
.child-ul\:xs\:space-x-6>:not([hidden])~:not([hidden]){
--tw-space-x-reverse:0;
margin-left:calc(1.5rem*(1 - var(--tw-space-x-reverse)));
margin-right:calc(1.5rem*var(--tw-space-x-reverse))
}
}
I've tried with the breakpoint placed at the front xs:child-ul:space-x-6 and nothing outputs. child-ul:space-x-6 works as expected.
I think I've hit an issue here.
Using a class like
child-ul:xs:space-x-6results in the following output that ignores the child selector.I've tried with the breakpoint placed at the front
xs:child-ul:space-x-6and nothing outputs.child-ul:space-x-6works as expected.