Я использую Ant design в стеке Reactjs. Я надеюсь, что этот вопрос не слишком широк и является обычным явлением в подобных ситуациях.
У меня проблема с переопределением некоторых из CSS. Я хочу изменить класс .ant-layout-header, чтобы он использовал меньше отступов. Я нашел стиль, который мне нужно изменить, в antd. css @import '../node_modules/antd/dist/antd.css';
Я изменил его с
padding: 0 50px;
до
padding: 0 25px;
Когда я смотрю код в своем браузере после сохранения, он выглядит так, как будто ничего не меняется. Я обнаружил, что мое изменение теперь в своем собственном теге и выглядит так:
.Dashboard__ant-layout-header___3h1_L
'. Dashboard__' добавляется в начале и '___3h1_L' в конце.
В этом Я не совсем понимаю, почему это происходит. Кто-нибудь видел, чтобы такое происходило? Если да, то как мне внести изменения в существующие CSS без получения этих дополнительных классов?