Selecting children of an iframe from the parent of said iframe via css

Question

Is there a simple way to do (what any normal person would assume) this does:


html{
    background-color:orange;
}
html iframe html {
    background-color:orange;
}

without breaking my stylesheet into two?

Possible duplicate - http://stackoverflow.com/questions/217776/how-to-apply-css-to-iframe — Jace Rhea, Aug 25 '10 at 21:04

score 4 · Accepted Answer · answered Aug 25 '10 at 21:04

Not possible. The iframe is an entirely separate, encapsulated document.

The best you can do is embed the same style sheet in both documents, give the iframe document a class or ID:

<body class="iframe">

and do a

body.iframe {
    background-color:orange;
}

1 Answers1