HTML div가 색상을 변경하는 이유를 확인하는 방법

처음에는 "click"이벤트를 중단하기 위해 크롬을 사용했지만 JS를 비활성화해도 색상 변경이 발생합니다.HTML div가 색상을 변경하는 이유를 확인하는 방법

이제 JS와 관련된 일이라고 생각합니다. 하지만 나는 내부 div와 함께 일부 span 및 CSS 선택기 내 인생을 열심히 만들 수 있습니다.

단추를 클릭 할 때만 사용되는 CSS 규칙을 가로채는 방법은 무엇입니까?

2015-01-16 Revious

, 당신은 당신이 요소에 적용된 CSS 규칙의 스택을주는 요소를 검사합니다. 다른 규칙에 의해 재정의 된 규칙이 적용됩니다. 이는 어떤 규칙이 다른 색상을 적용했는지 식별하는 데 도움이 될 수 있습니다. –

예제 페이지가 있습니까? – PavKR

@thePav : 아니요 ...하지만 결국 내 실수를 발견했습니다. 나는 자식 요소에 대해 : active를 강제 실행하려고 시도하고 있었고 CSS 활성 규칙은 부모에 대해 정의되었습니다. – Revious

버튼을 클릭 할 때만 사용되는 CSS 규칙을 가로채는 방법은 무엇입니까?

개발자 도구를 사용하고 div를 검사하고 어떤 규칙이 적용되는지 확인하십시오.

DevTools에서 여러 의사 선택기를 사용해 볼 수도 있습니다. 크롬에서

Example here

2015-01-16 11:49:59 Ginden

끝 부분에서이 방법으로 해결했습니다. 그러나 적용된 CSS를 "듣는"방법은 없습니까? – Revious

해당 기능에 대한 문서 : https://developer.chrome.com/devtools/docs/tips-and-tricks#force-element-state – Luizgrs

답변