【TailwindCSS】子要素にスタイルを適用する方法

子要素にスタイルを適用する

以下のように記述すると子要素の<li>にスタイルを適用できます。

<ul class="[&>li]:p-1">
  <li>サンプル</li>
</ul>

また&>*とすると全ての子要素にスタイルを適用できます。

<ul class="[&>*]:p-1">
  <li>サンプル</li>
</ul>

子孫要素にスタイルを適用する

以下のように記述すると子孫要素にスタイルを適用できます。

<ul class="[&_a]:block">
  <li><a href="http://example.com/">サンプル</a></li>
</ul>