[CSS] 가상 선택자 (hover, active, focus)

가상 클래스(:pseudo-class) 화면의 특정 요소에 커서가 향했을 때 디자인을 입혀주는 등 어떤 요소에 동적인 스타일을 입혀주는 역할 가상 요소(:pseudo-element) 실제로 존재하지 않는 요소를 만들어 주는 역할 가상 클래스 종류 :hover 마우스가 해당 요소 위에 있을 때 요소의 스타일 변경 이 링크를 가리켜보세요. a:hover { background-color: gold; } :active 마우스가 해당 요소를 클릭하는 순간부터 떼는 순간까지 요소의 스타일 변경 이 링크는 클릭하는 동안 색이 빨갛게 됩니다. a:active { color: red; } :focus 해당 요소에 포커스되면 요소의 스타일 변경(마우스, 키보드 해당) .blue-input:focus { backgroun..