Tailwind не перетирает предыдущие стили на других(больших) медиазапросах, что не так?

Question

[Lyulekin]

Делаю мобайл ферст, и мне нужно чтобы текст увеличивался по мере увеличения вьюпорта
но тк этот стиль в лэйаут цсс(конфиге главном таилвинда) стоит ниже(по строчкам) то он главнее
пк ферст тоже пробовал но там точно такая-же проблема но в других местах
в документации о проблемах не пишут, чат гпт вообще понятия не имеет о чем я
переставить классы в другом порядке (сначала медиазапросы) тоже не помогает

Answer 1

[Алексей Уколов]

Я, конечно, в вопросах Tailwind мимокрокодил, потому что у меня от его вида волосы на разных местах шевелятся, но у вас проблема явно в том, что не применяются медиа-запросы. Скорее всего, это связано с тем, что у вас после модификатора пробел стоит. Т.е. должно быть так:

-sm: text-[200px]
+sm:text-[200px]

В вашем варианте, с точки зрения браузера, HTML и CSS, два разных класса, не имеющих никакого отношения друг к другу.

Ну а в остальном всё так и есть - браузеру неважно, в каком порядке указаны классы в HTML, он руководствуется только порядком в CSS файле, где более поздние правила перевешивают предыдущие с аналогичной специфичностью.

Comments

[Lyulekin]

Боже, как тупо, спасибо большое) тоже вот только начал )