카테고리

질문 & 답변
세부 분야

풀스택
해결 여부

미해결

styled-componens 가 antd 의 스타일일 오버라이딩하지 못하는데 왜그럴까요?

22.01.07 16:35 작성 조회수 554

분명 ButtonWrapper 의 martion-top 속성은 잘 먹었는데
왜 FormWrapper 의 padding:10px 속성이 안 먹는지 모르겠습니다..

제가 콘솔로 확인해본 결과 스타일이 들어간 건 맞는데 .ant-form 자체의 padding:0 속성이 더 우세더라구요
그걸 체크해제해주면 제가 준 10px 속성이 들어갑니다.
어떤 것이 문제일까요?

아래가 styled 로 준 스타일이 들어간건 맞는데 antd 의 속성보다 밀리는 것 같습니다

[리뉴얼] React로 NodeBird SNS 만들기

더미 데이터로 로그인하기

강의실 바로가기

답변 1

답변을 작성해보세요.

조현영

지식공유자

2022.01.07

css 우선 순위를 보아야합니다. 그에 따라 조정을 해줘야 하고요.

.ant-form과 .bjamFS 태그가 같은 태그가 아니지 않나요?

최경민

질문자

2022.01.07

둘다 같은 태그에 나열되어있는 클래스입니다!
.ant-form 의 padding:0 을 체크해제하면 바로 bjamFS 의 padding:10px 이 들어가요
혹시나 해서 padding을 20px로 변경했더니 그대로 적용되는데 여전히 .ant-form 의 padding:0 이 먼저 적용되고 있습니다!