> For the complete documentation index, see [llms.txt](https://shhn0509.gitbook.io/html-and-css/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://shhn0509.gitbook.io/html-and-css/css-2/css-1/undefined/undefined-3.md).

# 가상 클래스 선택자

### CSS 가상 클래스 선택자

* 상태라는 의미를 가지고 있다
* 콜론(:) 한 개 사용

| 구분                       | 설명                                                 |
| ------------------------ | -------------------------------------------------- |
| :link { ... }            | 기본적으로 가지고 있는 상태                                    |
| :visited { ... }         | 방문한 상태 (보안상의 문제로 모든 속성을 사용할 수 없고 일부 속성만 사용 가능)     |
| :hover { ... }           | 마우스가 올라간 상태 (마우스 오버)                               |
| :active { ... }          | 마우스로 클릭한 상태                                        |
| :focus { ... }           | 포커스가 된 상태 (탭키를 사용해서 선택된 상태, 마크업을 가장 마지막에 하는 것이 좋다) |
| :hover { ... }           | 포거스가 된 상태에서 마우스가 올라간 상태                            |
|                          |                                                    |
| :active { ... }          | 포거스가 된 상태에서 마우스로 클릭한 상태                            |
| :first-child {... }      | 첫 번째 자식(대상을 선택하기 쉽게)                               |
| :last-child { ... }      | 마지막 자식                                             |
|                          |                                                    |
| :nth-child(n) { ... }    | 중간 자식 (처음과 마지막을 제외한)포뮬러 공식이 사용될 수 있다               |
| :nth-child(odd) { ... }  | 홀수번째 자식 또는 :nth-child(2n+1)로도 사용                   |
| :nth-child(even) { ... } | 짝수번째 자식 또는 :nth-child(2n)로도 사용                     |
| :nth-child(An+B) { ... } | An+B번째 자식                                          |
| :lang(ko) { ... }        | 사용되는 언어에 따라 디자인을 적용 가능                             |

#### **:nth-child() 예제**

* :nth-child(7) 7번째 자식
* :nth-child(n+7) 7, 8, 9,...번째 자식
* :nth-child(3n+4) 4, 7, 10, 13,...번째 자식
* :nth-child(-n+3) 앞에서 세 개의 자식을 나타냄 (0+3, -1+3, -2+3)
* :nth-child(n+8):nth-child(-n+15) 8번째부터 15번째 까지의 자식