How to apply CSS to inner Iframe element through parent window CSS class?

Question

I have a parent(main) page that has some iframe sections. And I want to apply css style to inner iframe element.

When I googling for it, I

Answer 1

If all your CSS is in external files something like this might work in your iframe.

It basically asks the parent for all the stylesheets then adds links to the iframe with the same references. If the iframe and the parent page are not at the same location on your server you'd have to manipulate the href appropriately.

Also the code above probably only works on newer browsers.