HTML i CSS · Junior · Pytanie 50 z 75
Jak domyślnie działa wariant dark: w Tailwind v4?
- 1Tylko gdy
<html>ma klasędarkdodaną przez skrypt - ✓Poprawna odpowiedź: Na podstawie ustawienia systemowego - przez media query
prefers-color-scheme - 3Automatycznie wieczorem, według lokalnego zegara użytkownika
Wyjaśnienie
Domyślnie dark: opiera się na prefers-color-scheme. Dla ręcznego przełącznika motywu wariant nadpisuje się przez @custom-variant dark (&:where(.dark, .dark *)); - wtedy motyw zależy od klasy dark na przodku. Tailwind nie bierze pod uwagę pory dnia.