[HTML/CSS] before에 hover 사용하기

 

 

작업을 하다가 문제가 생겼다

 

label에 before을 만들고 그 before에 hover 이벤트를 주려고했다.

 

처음에 before에 직접 hover를 붙여서 써보려고했는데 반응이 없었다.

 

그 다음에 laber에 호버를 붙이고 before를 바로 붙여보았다.

 

형태는 laber:hover:before 이렇게 사용했다.

 

이것도 역시 아무 반응이 없었다.

 

해결책은 이렇다

 

laber에 호버를 주고 그 자식요소로 before를 넣어주면 before에 hover이벤트가 작동된다.