Некоторые приоритеты CSS не совпадают с локальным окружением и gh-страницами.

Question

У меня есть проблема с приоритетом CSS в gh-страницах.

Я проверил в локальной среде и песочнице кода, и она работает хорошо. Но только на gh-страницах кажется, что приоритет css не применяется так же, как локальная среда.

Если я использую! Важный на CSS, он работает нормально, но я слышал, что это используется! важный не хороший вариант для использования в производственном развертывании. Как я могу решить эту проблему?

Я не знаю, почему так меняется приоритет CSS.

CodeSandbox Link

Ссылка на страницы Github

Github Code Link

Answer 1

Проверьте порядок загрузки таблиц стилей. Последний заявленный стиль победит.

Если это не проблема, вы можете попробовать добавить специфичность к своим селекторам, например вместо .Post div.Post. Это не очень хорошо масштабируется, потому что вам придётся добавлять специфичность ко всему, что конфликтует с ghpages, и это также может быть проблематично, если вам нужно переопределить ваши собственные стили в какой-то момент.