/

在 Tailwind 中對子元素應用樣式

在 Tailwind 中對子元素應用樣式

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

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

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

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

像這樣使用:

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

tags: [“Tailwind”, “CSS”, “樣式套用”, “子元素”]