Selectors

Selectors

  • account_tree
  • bug_report

User Action Pseudo-classes

대화형 사용자 인터페이스는 때때로 사용자의 동작에 따라 렌더링을 변경할 수 있다. 사용자 동작에 따라 대상을 선택하는 방식이다.

관련 선택자 유형

  • :active

    요소가 활성 상태일 경우 선택자로 사용한다.

  • :focus

    요소가 클릭(탭)되거나 키보드의 TAB키로 이동 선택될 때 선택자로 사용이 된다.

  • :focus-visible

    :focus와 동일하나 키보드를 사용하여 포커스가 발생한 경우를 포함한다. 사용자 접근성에 더 좋은 방식이다.

  • :focus-within

    요소가 포커스(:focus)를 받거나 포커스(:focus)를 받은 하위 요소를 포함하는 경우에 선택자로 사용이 된다.

  • :hover

    마우스 포인터가 올려진 요소가 선택자로 사용이 된다.

W3C Modules

Selectors Level 4 - User Action Pseudo-classes
W3C Working Draft, 11 November 2022

©2024 devdic.com, Korea

출처를 밝힌 리소스 이외의 본 레퍼런스에 사용된 모든 생성물의 소유 및 저작권은 devdic.com에 있습니다. 특별히 재배포를 금지한 것 이외는 재배포가 가능하며 반드시 출처를 표기해 주시기 바랍니다.
현재는 베타 버전으로 미등록 및 불완전한 콘텐츠가 일부 있을 수 있습니다. 오류 및 기술 자료 제보(건의)는 언제든지 환영하며 감사드립니다.
기본적으로 W3C 기술 사양을 기준으로 작성하였으며 일반적이지 않은 기술 설명에 대한 내용의 일부는 Mozilla의 MDN web docs에서 도움 받았음을 밝힙니다. 그들을 존경합니다.

master@cydemy.com