가상선택자(CSS)

가상선택자란, 현재 상태를 확인할 수 있는 선택자로 선택자: 가상선택자 ==> { css 속성 : css 값; } 의

형태로 작성할 수 있다.

 

1. hover (선택된 대상에 마우스가 업(커서가 대상 위에 위치)되었을때 반응)

1-1) hover를 이용한 drop down 실습

2. active(마우스로 누르고 있을 경우)

3. focus (키보드 입력 커서가 활성화 되있을 시)

4. first-child, last-child(첫번째, 마지막번째 대상 선택)

4-1. first, last-child 실습 : 테두리 만들기

5. nth-child (n번째 대상 선택)