IE 개발자 도구에서 CSS를 어떻게 편집합니까?

Internet Explorer의 개발자 도구를 사용하여 웹 페이지와 관련된 문제를 디버깅하려고합니다.

요소를 강조 표시하면 CSS가 오른쪽에 나타나지만 새 규칙을 추가하거나 기존 CSS를 올바르게 편집 할 수없는 것 같습니다.

"display : block"속성을 클래스에 추가하려고 시도하면서 중요하지 않은 기존 규칙 (background-color : transparent)을 편집하려고했지만 변경하자마자 규칙이 사라졌습니다!

여기 어딘가에 요령이 없습니까?

테스트에 빠르게 추가하고 효과를 확인하려면 조금 다르게합니다.

HTML 탭을 선택한 상태에서 스타일, 트레이스 스테이 및 레이아웃 옆에있는 "속성"패널을 선택하십시오.

"+"버튼을 클릭하고 추가하려는 CSS 스타일을 입력하십시오. 새 스타일 속성이 DOM보기 패널에 자동으로 추가됩니다.

도움이 되었기를 바랍니다.

CSS가 유효하거나 규칙이 충돌하지 않는지 확인하십시오. 내가 기억하는 것부터 IE 개발자 도구를 마지막으로 사용했을 때 일부 상황에서 유효하지 않은 태그와 사용하지 않는 사용자 정의 태그를 즉시 삭제합니다.

개인적으로 Firefox에서 Firebug를 사용하고 Chrome에 내장 된 Chrome 개발 도구를 선호합니다. 실제로 좋아하는 것은 아니지만 CSS / 디자인에는 Firebug가 더 좋고 쿠키 / 스크립트에는 Chrome이 더 좋습니다.