How to access all the direct children of a div in tailwindcss?

In tailwind 3.1, you can use arbitrary values to target child elements.

<div class="[&>*]:p-4">...</div>
<div class="[&>p]:mt-0 ">...</div>

https://tailwindcss.com/blog/tailwindcss-v3-1#arbitrary-values-but-for-variants