Верстка · Middle · Запитання 45 з 75
У React-компоненті класи приходять ззовні: className={"p-2 " + props.className}, і передають p-4. Який padding вийде?
- 1Завжди
p-4: перемагає клас, указаний пізніше в атрибутіclass - ✓Правильна відповідь: Залежить від порядку правил у CSS, а не в
class, - тому потрібенtailwind-merge - 3Завжди
p-2: перемагає клас, указаний першим в атрибутіclass
Пояснення
Порядок класів в атрибуті class не впливає на каскад: за однакової специфічності перемагає правило, що йде нижче в CSS-файлі. Тому результат конфлікту p-2 p-4 непередбачуваний з погляду компонента. tailwind-merge (часто через хелпер cn()) видаляє конфліктні класи, лишаючи останній.