& > * {         :not(:last-child) {             margin-bottom: 16px;         }   }   이게 무슨 의미인지 알고싶습니다   *가 전체를 말하는건 알겠는데 &> 앞에 붙은 이것을 모르겠습니다

로그인 폼에 ButtonWrapper, FormWrapper에 styled-components를 사용해서 마진 또는 패딩을 줬는데  페이지를 이탈 하거나 새로고침을 하면 styled-components가 적용이 안되는 문제가 있습니다. * 적용될 때 사진 * 적용 안될 때 사진

보통 실무에서 디자이너들이 작업해주신 css 파일을  하나하나 쪼개서 styled-components로 적용 시켜 작업하시는지.. 아니면 파일별로 css를 import하는 방법을 사용하시는지 궁금합니다. 현재 저의 환경의 실무에서 components 별로 나눠 디자인이 나오지 않기 때문에 이럴경우 어떻게 하시는지  궁금합니다.