code

Firebug에서 "sticky"상태로 마우스를 올릴 수 있습니까?

codestyles 2020. 10. 29. 08:10
반응형

Firebug에서 "sticky"상태로 마우스를 올릴 수 있습니까?


내가 사이트를 디버깅 할 때 때때로 호버링 된 선택기가 약간 길고 다른 것들과 비슷합니다. Firebug에서 호버링 규칙에 일종의 "고정"상태를 적용하는 방법이 있습니까?

예; 탐색 표시 줄 위로 마우스를 가져가 방화범에서 선택기를 복사하여 CSS에서 검색하고 싶지만 마우스를 움직이 자마자 탐색 <li>이 더 이상 가리 키지 않으면 선택기가 사라집니다 .

이 작업을 수행 할 방법이 있습니까?

감사 :)


링크를 검사 할 때 Firebug는 기본 CSS 상태, 즉 a : link에 적용된 스타일을 표시합니다. 기본적으로 : hover 및 : active 스타일은 표시되지 않습니다. 다행히도 스타일을 클릭하고 적절한 옵션을 선택하여 링크 상태를 변경할 수 있습니다.

여기에 이미지 설명 입력


내가 원했던 Style것은 요소의 CSS 스타일 위에있는 드롭 다운 에 옵션이 있습니다 . 그냥 드롭 다운을 클릭하고 선택 :active또는 :hover그것은 선택과 공중 선회 요소의 스타일을 유지 :)


때때로 항목은 ": hover"상태의 영향을받지 않지만 jQuery 또는 이와 유사한 마우스 오버의 영향을받습니다.이 경우 콘솔 탭에서 다음과 같이 작성하여 수동으로 이벤트를 트리거하거나 이벤트를 강제 실행할 수 있습니다.

$('#a-random-selector').mouseover()

도움이 되었기를 바랍니다.이 답변을 찾고 있었지만 직접 알아 내야했습니다.


Chrome 검사기를 사용 해보고 스타일 아래의 요소에서 : active : visited state 등을 트리거 할 수 있습니다.

여기에 이미지 설명 입력


방화범과 웹 개발자-> 검사기를 모두 엽니 다. Inspector 창에서 마우스 오버가 시작되는 코드 라인을 찾고 마우스 오른쪽 버튼을 클릭 한 다음 : hover를 선택합니다. 그러면 호버 상태가 유지되고 방화범에서 원하는대로 할 수 있습니다.

참고 URL : https://stackoverflow.com/questions/4105102/can-you-make-hovered-state-in-firebug-sticky

반응형