의사 클래스
의사 클래스는 특정 선택기에 특수 효과를 추가하는 데 사용됩니다.
의사 클래스는 단일 콜론 뒤에 의사 클래스 이름을 사용하여 표시됩니다.
하이퍼링크 의사 클래스
상태에 따라 다른 모양을 가지는 CSS를 사용하여 하이퍼링크를 개성 있게 만들 수 있습니다. 가장 일반적으로 지원되는 네 가지 하이퍼링크 의사 클래스가 다음 표에 나열되어 있습니다.
방문하지 않은 하이퍼링크 |
|
이미 방문한 하이퍼링크 |
|
포인터를 올려 놓은 하이퍼링크 |
|
현재 선택한 하이퍼링크 |
하이퍼링크 의사 클래스에 대한 CSS 규칙은 이 순서대로 나타날 때만 올바르게 작동합니다.
기타 의사 클래스
상태에 따라 다른 모양을 가지는 CSS를 사용하여 하이퍼링크를 개성 있게 만들 수 있습니다. 가장 일반적으로 지원되는 네 가지 하이퍼링크 의사 클래스가 다음 표에 나열되어 있습니다.
요소가 예약되었거나 활성화되었을 때의 요소 스타일을 설정합니다. |
|
선택된 양식 컨트롤 요소에 스타일을 하나 이상 적용합니다. |
|
사용하지 않는 양식 컨트롤 요소에 스타일을 하나 이상 적용합니다. |
|
자식 요소(텍스트 노드 포함)가 없는 요소에 스타일을 하나 이상 적용합니다. |
|
사용하는 양식 컨트롤 요소에 스타일을 하나 이상 적용합니다. |
|
부모 항목의 첫 번째 자식 항목인 모든 요소에 스타일을 하나 이상 적용합니다. |
|
해당 형식의 첫 번째 형제 요소인 요소에 스타일을 하나 이상 적용합니다. |
|
요소에 포커스가 놓일 때의 요소 스타일을 설정합니다. |
|
설정/해제 상태를 결정할 수 없는 경우, 즉 선택하지 않았거나 선택이 취소되지 않았을(지워지지 않았을) 경우의 라디오 단추 및 확인란에 스타일을 하나 이상 적용합니다. |
|
문서에서 지정된 언어로 되어 있는 요소를 선택합니다. |
|
해당 부모 요소의 마지막 자식 요소인 요소에 스타일을 하나 이상 적용합니다. |
|
해당 형식의 마지막 형제 요소인 요소에 스타일을 하나 이상 적용합니다. |
|
단순 선택기와 일치하지 않는 요소에 스타일을 하나 이상 적용합니다. |
|
해당 부모 요소의 n번째 자식 요소인 요소에 스타일을 하나 이상 적용합니다. |
|
마지막 항목에서부터 계산하여 해당 부모 요소의 n번째 자식 요소인 요소에 스타일을 하나 이상 적용합니다. |
|
마지막 항목에서부터 계산하여 해당 형식의 n번째 형제 요소인 요소에 스타일을 하나 이상 적용합니다. |
|
해당 형식의 n번째 형제 요소인 요소에 스타일을 하나 이상 적용합니다. |
|
해당 형식의 마지막 형제 요소인 요소에 스타일을 하나 이상 적용합니다. |
|
해당 형식의 유일한 형제 요소인 요소에 스타일을 하나 이상 적용합니다. |
|
문서의 루트 요소인 요소에 스타일을 하나 이상 적용합니다. |
|
참조 URI(Uniform Resource Identifier)의 대상 요소에 스타일을 하나 이상 적용합니다. |