인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

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

손성오님의 프로필 이미지
손성오

작성한 질문수

한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지

12.6) 폰트, 이미지, 레이아웃 설정하기

App.css에서 질문드립니다

해결된 질문

작성

·

203

1

.MyButton_positive{}

이부분에서 앞서 MyButton.js 에서 className을

'MyButton MyButton_positive' 로 해주었는데

왜 .MyButton MyButton_positive{} 가 아닌

.MyButton_positive{}로 작성하는 걸까요??

답변 1

0

이정환 Winterlood님의 프로필 이미지
이정환 Winterlood
지식공유자

안녕하세요 이정환입니다.

특정 요소의 className을 "MyButton MyButton_positive"로 설정해주시면

MyButton 이라는 클래스와 MyButton_positive 클래스를 동시에 갖게 됩니다.

2개의 클래스를 갖게 되는것이죠

 

따라서 MyButton 클래스 아래에 있는 MyButton_positive 클래스를 갖게 되는것이 아니므로

 

CSS를 설정할 때에도

MyButton과 MyButton_positive는 구분해 작성해주셔야합니다.

손성오님의 프로필 이미지
손성오

작성한 질문수

질문하기