Frontend разработчик

Ошибки при работе с tailwindcss

Использование модификатора !important чтобы перебить другие классы (стили).

Использование !important в 99% не нужен. Только в крайних ситуациях, когда работаете со сторонними библиотеками и привычными способами не получается повысить силу селектора.

Плохой код:

className={cn(
    'bg-slate-100',{
    '!bg-slate-200': isActive,
})}

Хороший:

className={cn('bg-slate-100', 'active:bg-slate-200')}

https://habr.com/ru/articles/858426/

👉 @frontend_1

👍2🤔1

www.tgoop.com/frontend_1/4017

1.22K viewsJul 2 at 10:14

Ошибки при работе с tailwindcss

Использование модификатора !important чтобы перебить другие классы (стили).

Использование !important в 99% не нужен. Только в крайних ситуациях, когда работаете со сторонними библиотеками и привычными способами не получается повысить силу селектора.

Плохой код:

className={cn(
    'bg-slate-100',{
    '!bg-slate-200': isActive,
})}

className={cn('bg-slate-100', 'active:bg-slate-200')}

BY Frontend разработчик