>  기사  >  웹 프론트엔드  >  CSS의 UI 요소 상태 의사 클래스 선택기는 무엇입니까?

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

王林
王林원래의
2020-11-17 11:40:473052검색

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 튜토리얼

위 내용은 CSS의 UI 요소 상태 의사 클래스 선택기는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.