переопределить стили для ant-design в приложении create response

Question

Я использую ant-design в своем приложении CRA, когда я пытался переопределить стили для компонента ant, я дал элементу className в реакции, но стили из ant всегда переопределяли мои стили, только давая идентификаторсработало.

Приложение CRA не извлекается, а подключается с Меньше.

Вот как я хочу использовать , но не работает :

В реагирующем компоненте:

<Card className="my-classname"><Card>

В index.css:

.my-classname { ... }

Еще немного погуглив, я обнаружил, что className будетне переопределяй дизайн муравья, а комбинируй муравей с моим стилем CSS.Так что в случае, когда я пытался переопределить значение, которое также указывал ant design, мой css не вступит в силу, если я не использую спецификацию ID.

Мой вопрос сейчас заключается в том, должен ли я использовать только ID, чтобы все мои css переопределяли

Answer 1

Решение, которое я нашел после игры abit вокруг окончательного HTML-кода, который отображается в браузере, заключается в переопределении стиля класса antd.Например: - Я хочу использовать мой собственный дизайн карты в проекте.Итак, я перезаписываю для этого муравьиную карточку.Мы можем переопределить любой другой класс, используя это.Вам просто нужно проверить обработанную реакцию в браузере и найти правильный класс, связанный с ним.

.ant-card-head{
    border: 0;
    text-align: left;
}