가상 클래스 선택자 선택자에 의해 지정된 요소가 특정 상태일때, 스타일링 적용. 가상이라 함은 HTML 코드가 실제 존재하지 않는 상태에서 지정함을 의미한다. :hover 지정된 요소에 마우스 포인터를 올리면 스타일링 적용. h1:hover { background-color: aqua; } form button:hover { color: red; } form:hover label { font-style: italic; font-weight: bold; } :focus 링크 , 입력상자 , 버튼 등 마우스나 TAB 키로 포커스가 맺혔을 때 스타일링 적용. 손이나 팔이 불편한 사람들을 위해 TAB 키로 포커스를 맞출 수 있는 기능이 제공이 되는데 , 이상태를 규정함으로 사용자들에게 편의를 제공하는 태그. a..