iframe 내부 CSS 요소 변경

Question

나는 내 웹 사이트에서 iframe에 대해 한 가지 문제가 있습니다. iframe 내부의 일부 요소에 대한 CSS를 변경할 수 없습니다. iframe의 html로 크롬을 통해 코드를 검사합니다. div 클래스의 div 값을 클래스 너비 -100으로 변경하고 싶습니다. 이미 많은 성공을 거둔 코드를 시도합니다. 이 해결책을 찾았지만 이해하지 못합니다. /*******/ CSS는 동일한 문서 내에서만 범위가 지정됩니다. iframe은 그 자체로 전체 문서이므로 해당 iframe이 포함 된 페이지에 적용되는 CSS 규칙은 해당 iframe 내에있는 페이지에 적용될 수 없습니다.

이것은 HTML과 CSS에 관한 한 html은 항상 : root이므로 (결코 루트가 아니어야 함 : 루트가 아닙니다).

포함 된 페이지에서 iframe 내의 페이지로 (예를 들어 스크립트를 사용하여)이 CSS를 전송할 수 없다면, 나는 CSS 만 사용하는 방법이 있다고 생각하지 않습니다. Css–selector for when a html-document is inside an iframe? /*******/

Answer 1

을보십시오.

$('iframe').contents().find("width-100 div").css('height', '200px');