CSS의 UI 요소 상태 의사 클래스 선택기는 무엇입니까?-CSS 튜토리얼-php.cn

CSS의 UI 요소 상태 의사 클래스 선택기는 1. E:hover; 3. E:focus; 5. E:read- 7. E: 읽기-쓰기 8. E: 선택됨.

CSS의 UI 요소 상태 의사 클래스 선택기는 무엇입니까?

UI 요소 상태 의사 클래스 선택기의 기능:

지정된 스타일은 특정 상태에서만 작동합니다.

(학습 비디오 공유:css 비디오 튜토리얼)

은 다음과 같습니다:

E:hover는 마우스 포인터가 요소 위로 이동할 때 요소에서 사용되는 스타일을 지정하는 데 사용됩니다. action은 요소가 활성화될 때 사용되는 스타일을 지정하는 데 사용됩니다(마우스를 요소에서 눌렀지만 놓지 않은 경우).
E:focus는 요소가 커서 포커스를 얻을 때 사용되는 스타일을 지정하는 데 사용됩니다. 주로 텍스트 상자에 공간이 집중되고 텍스트 입력이 수행될 때 사용되는 스타일
E:enable은 요소를 사용할 수 있을 때의 스타일을 설정합니다.
E:disabled는 요소가 비활성화되었을 때의 스타일을 설정합니다. ;
E:read-only는 요소가 읽기 전용 상태일 때 스타일을 설정합니다.
E:read-write는 요소가 읽기 전용이 아닌 상태일 때 스타일을 설정합니다.
E:checked는 양식에서 라디오 버튼을 지정합니다. 또는 체크박스 체크박스가 선택된 상태일 때의 스타일을 지정합니다.
E:default는 기본적으로 선택된 상태에 있는 라디오 버튼이나 체크박스 스타일을 지정합니다. 페이지가 열립니다. (사용자가 기본 상태를 라디오 버튼의 선택된 상태로 설정한 경우에도 버튼이나 체크박스가 비활성화된 상태로 변경되며, 이 선택기를 사용하여 설정한 스타일도 유효합니다.)
E: 불확정은 페이지가 열릴 때 라디오 버튼 세트의 옵션이 선택된 상태로 설정되지 않은 경우 사용자가 라디오 버튼 중 하나를 선택하면 전체 라디오 버튼 세트의 스타일이 변경되도록 지정합니다. 장애가 있는.
E::selection은 요소의 선택된 상태 스타일을 설정합니다.
관련 권장 사항:
CSS 튜토리얼