이렇게 다른 css 파일들을 @import 하고 밑에 font-family 등을 적용하면 레이아웃 변경 없이 잘 적용되는데
이런식으로 중간에 일반 코드를 끼워넣게 되면 왜 밑에 있는 css 파일들이 적용안되는지 궁금함
각 스타일 시트는 다음처럼 그냥 평범하게 flex밖에 안썼음
내가 생각했을 때는 css가 위에서부터 아래로 적용되므로 그냥 status-bar.css나 header-bar.css의 내용들을 body{} 밑부분에 직접 쓰는거랑 똑같을거라고 생각했는데 그게 아닌거임?
css 우선순위를 찾아봐도
뭐 @import는 언제 import 될 지 모르니까 <link>로 html에서 import 하는게 제일 좋다
선택자 우선순위
이런거만 나와서 내가 원하는 정보가 아닌 거 같음. 저런거 뭐라 쳐야 나옴??
