HTML i CSS · Middle · Pytanie 74 z 75
Jak w Tailwind stylizować element na podstawie atrybutu data-state?
<div data-state="open" class="data-[state=open]:bg-zinc-100">...</div>- ✓Poprawna odpowiedź: Wariantem
data-[...] - 2Tailwind nie obsługuje atrybutów data
- 3Przez
state-open:bg-zinc-100
Wyjaśnienie
Biblioteki headless UI (Radix, Headless UI) udostępniają stan przez data-* i atrybuty ARIA, więc warianty data-[state=open]: i aria-expanded: stylizują je bez dodatkowych klas.