가상 클래스란?가상 클래스는 접두사 콜론 :을 사용하며, 선택자의 끝에 붙여 상태를 특정하는 키워드이다.가상 클래스 종류1) :hover:hover 가상 클래스 선택자는 요소에 마우스를 올려 놓은 동안 해당 요소를 선택하는 선택자이다.요소에 마우스를 올려놓은 상태를 호버(hover)상태라고 한다.ex)button:hover { color: orange;}2) :active:active 가상 클래스 선택자는 요소에 마우스를 갖다대고 누르는 순간부터 떼는 시점까지 해당 요소를 선택한다.ex)button:active { background: black;3) :focus:focus 가상 클래스는 요소가 포커스되었을 동안 해당 요소를 선택한다.텍스트 입력 필드가 활성화된 경우에 사용'포커스(focus)..