🤝

Tailwind で要素が隣接しているときのマージンを調整する

2021/12/22に公開

コンポーネントが
[あ][あ][あ]
みたいになっているときに
[あ] [あ] [あ]
と要素間のみにマージン (orパディング) を取りたいとき。

https://v2.tailwindcss.com/docs/hover-focus-and-other-states#first-child
隣接セレクタは使えないので、間に設定したいマージン設定+最初の要素のみマージンを消す。
class="first:ml-0 ml-4"
最後要素で調整したいなら last: が使える

Discussion