Как правильно переопределить таблицу стилей пользовательского агента в проекте React? ⇐ CSS

[Anonymous]

Насколько я понимаю, существует приоритет наследования значений CSS, и элементы наследуют многие свои значения из таблицы стилей пользовательского агента, пытаясь установить некий стандарт. Я использую Chrome, и элемент h5 наследует отображаемое значение, и единственный способ его переопределить — использовать встроенный CSS * "shivers".





Это встроенный CSS, который я применяю:





Я создал отдельную таблицу стилей CSS, которую импортирую в App.js, чтобы внести изменения в другие элементы этого же компонента.





Эта таблица стилей работает, например, с i.icon, но независимо от того, каким способом я пытаюсь выбрать h5, и даже если я добавляю !important, я все равно не могу заставить элемент h5 отображаться как встроенный.
>




Может ли кто-нибудь пролить свет на этот вопрос? Мое текущее решение — встроенный CSS, как уже упоминалось, но я не думаю, что это хорошая практика.