[css] Chrome 개발자 도구 : CSS 규칙을 재정의하는 것이 무엇인지 찾는 방법은 무엇입니까?

글쎄, 이것은 매우 간단합니다. Chrome의 개발자 도구에서 스타일이 재정의되었다는 메시지가 표시되면 어떤 CSS 규칙이 재정의하고 있는지 확인하는 방법은 무엇입니까?

“이것보다 우선하는 것이 무엇인지 보여주세요” 와 같은 것이 있는지 알고 싶습니다 .

OBS : 제발, Firebug를 지시하지 마십시오.



답변

요소 관리자 의 계산 스타일 패널을 사용하십시오 . 관심있는 속성을 확장하여 적용 가능한 규칙 목록과이긴 규칙을 확인하십시오.

크롬 스크린 샷


답변

파업되지 않은 동일한 이름을 가진 것들을 간단히 볼 수 있습니다. 목록이 중요하다는 것을 기억하십시오.

또는 계산 된 스타일을 볼 수 있습니다. 실제로 적용되는 스타일이됩니다.


답변

crtrl + shift + c 및 요소를 검사하십시오. 그런 다음 오른쪽 아래 모서리에있는 상자에서 선이없는 스타일을 찾으십시오.

재정의는 대부분의 경우 맨 위에 있습니다 (이 스타일은 “우승”이므로 선을 통과하지 않음).


답변