HTML i CSS · Senior · Pytanie 1 z 75
Jak warstwy kaskadowe @layer wpływają na priorytet stylów?
- 1Warstwy są sortowane według specyficzności ich najsilniejszego selektora
- ✓Poprawna odpowiedź: Kolejność warstw wygrywa ze specyficznością: wygrywa późniejsza warstwa
- 3Warstwy wpływają tylko na
!important; zwykłe reguły pozostają bez zmian
Wyjaśnienie
Kaskada najpierw porównuje warstwy, a dopiero potem specyficzność w obrębie warstwy. Dlatego .btn w warstwie components wygrywa z #app .btn we wcześniejszej warstwie base. Style poza warstwami są silniejsze od każdej warstwy. Dla !important kolejność jest odwrócona: ważne deklaracje we wcześniejszej warstwie wygrywają. Tailwind v4 buduje swoje style na warstwach theme, base, components i utilities.