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

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

Сообщение Anonymous »


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


Изображение


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


Изображение


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


Изображение


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

Изображение


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

Вернуться в «CSS»