Firefox 개발자 에디션 ~ CSS 고유 셀렉터?

Question

FireBug 'normal'Firefox에서 FireBug 콘솔을 열면 요소를 마우스 오른쪽 버튼으로 클릭하고 "CSS 경로 복사"할 수 있습니다.

나는 항상이 을 사용하여 내 CSS 작성을위한 고유 한 CSS 선택기를 얻곤했습니다.

이 옵션은 FireFox Developer Edition (FireBug가 통합되어 있음)에서 사용할 수 없으므로이 정보를 내 클립 보드에 가져 오는 다른 방법이 있습니까?

편집 : 내가 원하는 것은

#widget-column-16 > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > p:nth-child(1)

이다 : 나는이 마우스 오른쪽 버튼으로 클릭> 복사> CSS 선택,하지만 그 날을주는이 알고
#widget-column-16 .div-name .div-name .div-name .div-name p

Answer 1

요소를 마우스 오른쪽 버튼으로 클릭 -> copy -> css-selector

이걸 찾으세요?

Answer 2

필자도 "CSS 경로 복사"를 놓쳤습니다. Firefox Developer Tools가 도구 세트의 옵션으로 소개되기를 바랍니다.

환상적인 도구 였고, 대체 방법을 알아 내려고했습니다.

내가 지금까지 발견 한 유일한 해결책은 Google 크롬의 검사를 사용하는 것입니다. 마우스 오른쪽 버튼 클릭> 복사> Xpath 복사 옵션을 제공합니다.

복사 Xpath는 "CSS 경로 복사"와 같이 멋지고 깨끗한 CSS 경로를 만들지 않으므로 약간의 편집을해야 슬래시를 제거하고 조금 깔끔하게 정리할 수 있습니다.

또한 클래스 또는 식별자가 포함되지 않으므로 불량합니다.

하지만 적어도 그것은 당신에게 신속하게 등 "HTML 바디 사업부"로 시작하는 전체 경로를 복사 할 수있는 방법을 제공합니다