Global Component..Styled Component..자식 선택자..

잠들기 직전에, 정리하고 자려고 대애충 쓰는 백년만의 벨로그

글로벌 컴포넌트를 사용해서 구조를 짜고 있었다.
각 컴포넌트 사이에 마진을 주고 싶었다.
하지만 글로벌 컴포넌트 스타일에 바로 margin-bottom을 주니까? 당연히 안먹힘
글-컴 전체의 margin-bottom이 먹힌다 (당연한 소리를 구구절절 하는 스타일)

  <GlobalContainer>
      {children}
  </GlobalContainer>

이 경우, 자식선택자가 빛을 낸다...
바로 아래에 있는 children으로 받고 있는 div 녀석들에게 스타일을 줄 것.

  > div {
    margin-bottom: 50px;

    :last-child {
      margin-bottom: 0;
    }
  }

마지막 친구는 마진바텀이 필요 없기에 저렇게 마무리했다.

기본을 잊지말자~!