Подключаете UI-кит, пишете свой класс — он не работает. Добавляете класс поконкретнее — всё равно. В итоге появляется !important, и так по цепочке. Знакомо?

Правило @layer решает это иначе — приоритет задаёт сам автор стилей, а не специфичность селекторов. Стили UI-кита можно завернуть в отдельный слой и спокойно их перебивать. С 2022 года поддерживается во всех современных браузерах. Как настроить порядок и что важно учесть — в статье. #css #uikit

⭐ Читать статью