선생님 그런데요! css로 :hover..

이런식으로는 왜 안되는건가요?

일단 css파일을 나눠놨고, div들도 컴포넌트화시켜서 쪼개놨습니다.
Footer에 마우스를 올리면 다른요소들이 사라지고 배경만 깔끔하게 보이게끔구현하려고 일단 시도해본게 이건데요

@import url(../css/keywordHistory.css);
@import url(../css/searchInput.css);
@import url(../css/clock.css);

.Footer {
  z-index: 2;
}

.Footer .ImageInfo:hover .SearchInputSection {
// 테스트..
  background: #000;
}

역시나 안되더라구요

왜 안되는건지를 모르겠는데 혹시 뭐때문에그런건가요?
어떻게 구현하면좋을지 갈피를 전혀 못잡겠어요..