Chrome DevTools에서 :hover 상태를 어떻게 검사하나요?

Chrome 개발자 도구에서 :hover 상태 검사

Chrome 개발자 도구에서는 :hover 스타일을 비교하여 볼 수 있는 옵션을 찾는 데 어려움을 겪을 수 있습니다. Firebug의 직관적인 스타일 드롭다운으로 이동하세요. 그러나 Chrome은 유사한 기능을 제공합니다.

의사 클래스 규칙 보기

스타일 창에서 :hover와 같은 의사 클래스 규칙을 검사하려면 다음 단계를 따르세요.

1. 오른쪽 상단에 표시된 작은 ":hov" 텍스트를 클릭하세요. panel.

요소 상태 강제

Chrome에서는 요소를 특정 상태로 강제할 수도 있습니다.

1. 맞습니다- 검사하려는 요소를 클릭하세요.
2. 컨텍스트에서 ":hover"를 선택하세요. 메뉴.

추가 팁

Chrome 개발자 도구 작업에 대한 추가 지침을 보려면 다음 리소스를 고려하세요.

• [ Chrome에서 요소 패널 검사 DevTools](https://developers.google.com/web/tools/chrome-devtools/inspect-elements)
• [Chrome DevTools의 키보드 단축키](https://developers.google.com/web /tools/chrome-devtools/shortcuts)

위 내용은 Chrome DevTools에서 :hover 상태를 어떻게 검사하나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!