답을 찾기 위해 많은 포럼을 검색했고 약 50개의 Google 링크를 살펴봤지만 아직 작동하는 것을 찾지 못했습니다...

내 CSS가 HTML에 표시되지 않습니다.

Flexbox 컨테이너와 2개의 Flexbox를 추가하기 전까지 내 코드는 제대로 작동했습니다.

Flexbox가 이 특정 HTML 파일 외부에서 작동하는지 확인하기 위해 항상 코드를 테스트합니다.

또한 내 CSS가 localhost/#my_file#의 "요소 검사"에서 업데이트되지 않는 것을 발견했습니다. 예전에도 이런 일이 있었는데 파일 위치를 변경하고 다시 예전 위치로 변경해서 해결했습니다. (Rhat이 어떻게 작동하는지 모르겠습니다).

어쨌든 CSS 업데이트 테이블을 복사하여 "요소 검사" 페이지에 붙여넣으면 Flexbox가 제대로 표시됩니다.

그래서 CSS의 버그 때문인가 의심했지만 확실하지 않아서 확인까지 했습니다: https://jigsaw.w3.org/css-validator/#validate_by_input

오류가 1개밖에 없는데 전체 CSS 파일에서 확인했는데 1) 찾을 수 없었습니다. 2) 오류와 가장 유사해 보이는 모든 항목을 제거했는데 여전히 작동하지 않습니다.

분명히 "요소 검사"에서는 제대로 작동하므로 이것이 오류와 관련이 없다고 생각합니다.

저도 제가 부주의한 실수, 어리석은 실수를 한다는 걸 알고 있습니다.

저는 현재 배우고 있습니다. 제 코드에 버그가 있으면 알려주세요!

HTML:

CSS: