상속 된 요소에 대해 상속 된 CSS 속성보기

Question

Chrome에서 일부 CSS를 디버깅하는 중 성가신 문제가 발생했습니다. CSS에 익숙하지 않고 CSS 개발자 도구에서 Chrome의 "계산 된"창을 사용하면 할당하려는 CSS 속성이 체인에서 나중에 덮어 쓰이는 부분을 파악하는 데 매우 편리합니다. (동일한 페이지에 올 수 있도록 잘못된 용어를 수정하십시오.) http://1drv.ms/1yJzyec (.. 사진을 게시 아직 충분히 담당자 포인트가없는이 내 원 드라이브로 이동)

: 여기

은 내가 성공적으로 활성화 jQuery를 UI 탭의 색상을 변경 도움이 방법의 예 이 방법을 사용하여 이 또는 , 요소가있는 CSS를 잘못 이해할 수 있습니다. 여기에 문제가 있습니다 : Chrome의 개발자 도구를 클릭하여 지정된 요소에 대한 상속 체인을 확인하자마자 개발자 도구를 클릭하여 상속을 보지 못하게되어 더 이상 관심을 끌거나 집중하지 않게되었습니다.

HTML 요소의 CSS 상속 체인을 실시간으로 분석 할 수있는 다른 도구가 있습니까?

감사합니다.

Answer 1

Chrome 개발자 도구를 사용하면 요소를 강제 종료 상태로 만들 수 있습니다. Toggle Element State 아이콘

_{클릭하여이 보여 (포인터로 상자를 대시 - 경계).}