style-component에서 hover

문제

styled-component를 사용하는데 부모 태그를 호버하면 자식태그도 같이 호버되게 하고싶었다.

하지만 스타일 컴포넌트에서는 어떤 선택자를 사용해야 할지 몰랏고 결국 약 30분동안 삽질을 했다.

답은 내가 호버하고싶은 태그에 className을 주고 

    &:hover {} .className {
    backgrounColor: black
    }

이런 식으로 코드를 작성하면 됬다