Computer >> 컴퓨터 >  >> 프로그램 작성 >> HTML

HTML에서 :focus와 :active 선택기의 차이점

<시간/>

:초점

:focus selector는 버튼, 링크, 입력 상자와 같이 폼 요소에 포커스가 생겼을 때 필요한 스타일을 적용하는 데 사용됩니다. 요소는 마우스 또는 탭 키를 사용하여 포커스를 얻을 수 있습니다. 포커스는 다른 요소가 포커스를 받을 때까지 요소에 남아 있습니다.

:활성

:active 선택기는 앵커 태그가 활성 상태이거나 버튼이 활성 상태임을 나타내는 데 사용됩니다. 마우스가 다운되면 활성 선택기가 적용되고 마우스가 다운될 때까지 적용된 상태를 유지합니다.

예시

다음 예에서는 버튼 및 링크에 대한 :focus 및 :active 선택기의 사용법을 보여줍니다.

 선택기 예   Active Me
 

출력

HTML에서 :focus와 :active 선택기의 차이점