HTML i CSS · Senior · Pytanie 43 z 75
Jak sprawić, by tryb ciemny w Tailwind v4 zależał od klasy .dark, a nie od ustawienia systemowego?
- 1Ustawić
darkMode: 'class'wewnątrz@theme - ✓Poprawna odpowiedź: Nadpisać wariant:
@custom-variant dark (&:where(.dark, .dark *)); - 3Dodać klasę
dark-modedo<body>- Tailwind wykryje ją automatycznie
Wyjaśnienie
W v4 warianty definiuje się w CSS przez @custom-variant. Tak można powiązać dark: z klasą lub atrybutem ([data-theme=dark]). darkMode: 'class' to opcja tailwind.config.js z v3 i nie działa wewnątrz @theme. :where() sprawia, że specyficzność nie rośnie.