Верстка · Senior · Запитання 1 з 75
Як каскадні шари @layer впливають на пріоритет стилів?
- 1Шари сортуються за специфічністю їхнього найсильнішого селектора
- ✓Правильна відповідь: Порядок шарів важливіший за специфічність: перемагає пізніший шар
- 3Шари впливають лише на
!important, звичайних правил вони не стосуються
Пояснення
Каскад спершу порівнює шари й лише потім специфічність усередині шару. Тому .btn із шару components переб'є #app .btn з ранішого шару base. Стилі поза шарами сильніші за будь-які шари. Для !important порядок інвертується: важливі декларації раннього шару сильніші. Tailwind v4 будує свої стилі на шарах theme, base, components, utilities.