1. 상태 의사 클래스(UI element states pseudo-class)

---

• 상태 의사 클래스를 사용하면 입력 양식의 상태에 따라 각각의 스타일을 별도로 설정할 수 있다.

1) :checked

• input 요소 중에서 체크(checked)된 상태의 input 요소를 선택한다.
• 체크가 되었을 때와 되지 않았을 때의 내용을 구분할 수 있게 한다.

기본 문법

input:checked {
    /* 속성 */
}

2) :enabled

• :enabled는 input 요소 중에서 사용할 수 있는 input 요소를 선택한다.

기본 문법

input:enabled {
    /* 속성 */
}

3) :disabled

• :disabled는 input 요소 중에서 사용할 수 없는 input 요소를 선택한다.

기본 문법

input:disabled {
    /* 속성 */
}