문제 상황

스크린샷 2024-07-19 오전 2.29.05.png

저 부분을 호버했을 때 url 부분의 색깔과 바탕 부분의 색이 다르게 변화하도록 스타일을 지정해야되는데 부모 속성에 hover: background color 지정시 같은 색상으로 변경되어 어떻게 동시에 다른 색을 줄 수 있을 지 고민했었다.

문제 원인

해결 방안

부모속성에 group 으로 자식 속성과 그룹이 될 수 있도록 지정하고 hover 스타일 지정, 자식 속성엔 group-hover: 속성 지정하여 group 호버시 자식속성도 같이 스타일이 변할 수 있도록 한다.