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

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

oo !님의 프로필 이미지
oo !

작성한 질문수

풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]

모던 HTML/CSS 로 상용화도 가능한 반응형 모던 웹페이지 만들기3

선생님 inner와 container 둘중에 하나만 쓰면 안되는건가요?

작성

·

298

0

선생님 지나가다 댓글남깁니다~ inner 와 container 둘다 안쓰는건 header를 상위선택자로 써야하기에 문제가 있을거같고 둘중에 하나만 써도 될것같은데 굳이 두번이나 감쌀 이유가 있을까요? inner에서 바로 flex주고싶은데 그러면 이상해질까요?

그리고 head-brand와 head-blog , head-container는 단 하나뿐이라 클래스 말고 id로 써도 될텐데 class로 쓰는 이유가 있을까요?

답변 1

1

안녕하세요.

사실 여러번 이야기가 된 문의이긴 한데요. 기본적으로 container 만으로도 제어는 가능합니다. inner 는 전체 웹사이트에 대한 프레임을 만드는 것이고, 그 안에 각 section 별로 또 그안에 각 container 별로 프레임을 만드는 것이 가장 일반적이기 때문에, 이렇게 가장 best example 로 설명을 드렸습니다. 오롯이 각각을 container 별로 해도 문제는 없습니다. 다만 container 별로 다른 설정이 적용되면, 뭔가 삐져나오거나 할 수도 있습니다.

말씀하신대로, head-brand 등 클래스 말고, id 로 쓰시는 등 여러가지 방법이 가능해요. 워낙 어떤 특정 룰이 없는 것이라서요. 그렇지만 이중에서 보통은 class 로 처리를 많이합니다. 이것도 가장 일반적인 예제로 최대한 만들어서 설명을 드렸습니다.

oo !님의 프로필 이미지
oo !

작성한 질문수

질문하기