雖然不常發生,但有時候我會考慮如何在 Tailwind 中對子元素應用樣式。

下一次遇到這種情況,我就可以參考這篇部落格文章來解決。

你可以使用以下這個類別名稱將 bg-gray-300 這個樣式套用到當前元素的所有子元素上:

[&>\*]:bg-gray-300

像這樣使用:

<div class="[&>\*]:bg-gray-300">
 ....
</div>