테스트 사이트 - 개발 중인 베타 버전입니다

css 관련 질문입니다. 채택완료

조윤진 5년 전 조회 2,520

</p>

<p><!-- ... --></p>

<p><iframe src="..." id="block"></iframe></p>

<p><!-- ... --></p>

<p>

 

위 iframe 태그 안에있는 문서에 css를 추가하는 방법이 있나요?

(parent의 css 코드 없이)

댓글을 작성하려면 로그인이 필요합니다.

답변 1개

채택된 답변
+20 포인트

ID나 클래스로 스타일 적용이 된 경우에는 #block > * 선택자로 부분적으로 적용은 되지만, 태그에 직접 선언된 경우에는 적용이 되지않고 브라우저 호환성 문제도 있습니다. 

</p>

<p>#block {

  all: initial;

}</p>

<p>

https://developer.mozilla.org/en-US/docs/Web/CSS/all">https://developer.mozilla.org/en-US/docs/Web/CSS/all

로그인 후 평가할 수 있습니다

답변에 대한 댓글 3개

조윤진
5년 전
생각해보니 #block * 이렇게하면되는거였네요...
폴라베어
5년 전
질문이 바꿨네요...

링크로 대체합니다.
https://stackoverflow.com/questions/6494721/override-body-style-for-content-in-an-iframe
조윤진
5년 전
그런데... 그렇게하면 이후에 정해줬던 모든 css가 반영되지 않습니다. 어케 된 건가요?

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인