Некоторые приоритеты CSS не совпадают с локальным окружением и gh-страницами
У меня есть проблема с приоритетом CSS на gh-страницах.
Я протестировал среду localhost и песочницу кода, и она работает хорошо. Но только на gh-страницах, похоже, приоритет css не применяется так же, как в локальной среде.
Если я использую !important в CSS, он отлично работает, но я слышал об этом! Important не является хорошим вариантом для развертывания в рабочей среде. Как я могу решить эту проблему?
Я не знаю, почему приоритет css меняется так.
Ответы 1
Проверьте порядок загрузки таблиц стилей. Победит последний заявленный стиль.
Если это не проблема, вы можете попробовать добавить специфичности к своим селекторам, например, вместо .Postdiv.Post. Это не очень хорошо масштабируется, потому что в конечном итоге вам придется добавлять специфичность для всего, что конфликтует с ghpages, и это также может быть проблематично, если вам в какой-то момент нужно переопределить свои собственные стили.
Специфика определенно будет проблемой. Я предполагаю, что GitHub Pages добавляет дополнительный CSS. Вы можете увидеть, переопределяет ли он ваш в консоли. Лучшим решением было бы добавить больше конкретики к вашим собственным селекторам.