Html 如何访问tailwindcss中div的所有直接子级？

我有这个html：

<div class="section">
   <div class="header">header</div>
   <div class="content">
      <div>sub contents 1</div>              
      <div>sub contents 2</div>
   </div>
</div>

标题
分目录1
分目录2

我想访问类为“section”的div的直接子级，这将是类为“header”和“content”的div

我知道用css我们可以做到：

div.section>div

---

但是如何使用tailwindcss？

如果要使用选择器访问div的直接子级，请使用

@layer

指令。见下文：

@顺风基地；
@顺风组件；
@顺风公用事业；
@基层{
分区分区>分区{
@应用文本xl；
}
}