Focus1 HTML-CSS 가상 클래스 선택자(Pseudo-Classes) 동작을 나타내는 가상 클래스 선택자 1. ABC:hover 가상 클래스 선택자 선택자 ABC 요소에 마우스 커서가 올라가 있는 동안 선택. 2. ABC:active 가상 클래스 선택자 선택자 ABC 요소에 마우스를 클릭하고 있는 동안 선택. cf. hover 와 나타나는 모습은 똑같지만 마우스를 클릭하고 떼고 있지 않는 동안에만 이벤트 발생 3. ABC:focus 가상 클래스 선택자 선택자 ABC 요소가 포커스(가 활성화)되면 선택. cf. 포커스가 될 수 있는 요소는 input, button, label, select 요소 등과 같은 HTML 대화형 콘텐츠. 그 외, tabindex 속성을 사용한 요소도 포함. cf. tabindex 속성을 통해 Focus가 될 수 있는 요소를 만들 수 있다. Tab .. 2022. 7. 4. 이전 1 다음
