empty

:empty

• empty modifier를 사용하여 콘텐츠가 없는 경우 스타일을 지정한다.
  콘텐츠가 없는 경우 => 빈 텍스트, undefined, null등과 같이 값이 없는 경우에 해당한다.
  empty:hidden은 display: none과 같다.

{[1, 2, ""].map((number) => (
	< h3 className="bg-red-500 empty:hidden" key={number}>
		{number}
	< /h3>
))}

https://tailwindcss.com/docs/hover-focus-and-other-states#empty

Handling Hover, Focus, and Other States - Tailwind CSS