firefox_javascript 기술에서 addRule의 호환 가능한 작성 방법

HTML 요소의 스타일을 제어하기 위해 스크립트를 사용하는 방법은 정말 많습니다.
단일 요소의 경우 element.style.display=...를 직접 사용하여 하나의 스타일을 수정하거나 element.className=...을 사용하여 여러 스타일을 수정할 수 있습니다.
여러 요소의 스타일을 수정하려면 스크립트를 사용하여 CSS 파일을 직접 가져올 수 있습니다.
현재 프로젝트에는 그런 요구사항이 있습니다. 특정 div 아래의 모든 하위 노드의 스타일을 변경해야 하지만 div 자체의 스타일은 변경하지 않아야 합니다.
생각 없이 코드를 남겼습니다:

코드 복사 코드는 다음과 같습니다.