인프런 커뮤니티 질문&답변

불타는금호동

작성한 질문수

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

더미 데이터로 로그인하기

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

작성

722

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

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

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

redux nodejs react express Next.js

퀴즈

Ant Design의 반응형 그리드 시스템에서 레이아웃 너비를 분할하는 기준이 되는 전체 컬럼 수는 몇 개일까요?

12개

16개

20개

24개

답변 1

제로초(조현영)

지식공유자

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

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

불타는금호동

질문자

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