HTML und CSS · Middle · Frage 74 von 75
Wie stylt man in Tailwind ein Element nach einem Attribut data-state?
<div data-state="open" class="data-[state=open]:bg-zinc-100">...</div>- 1Mit
state-open:bg-zinc-100 - 2Mit der Variante
data-[...] - 3Tailwind kann Data-Attribute nicht ansprechen
Antwort zeigen
Richtige Antwort: Mit der Variante data-[...]
Erklärung
Headless-UI-Bibliotheken (Radix, Headless UI) zeigen den Zustand über data-*- und ARIA-Attribute an, also stylen die Varianten data-[state=open]: und aria-expanded: sie ohne zusätzliche Klassen.