[CSS] 가상 클래스 선택자

 가상 클래스 선택자 hover, active, focus

 

1) hover :  마우스 커서가 올라가 있는 동안 선택

2) active : 마우스를 클릭하고 있는 동안 선택

3) focus : 요소가 포커스 되면 선택 (가능한 요소 : input, select, textarea등)

   -> Tip. div등 다른 요소들도 focus 사용하고 싶어요! tabindex속성을 이용해 focus사용이 가능한 요소로 변경 

       단 순서(값)로 -1이 아닌 다른 값을 넣는 것은 논리적 흐름을 방해하기 때문에 권장하지 않습니다.

 

See the Pen by jinseoIT (@jinseoit) on CodePen.