Ho una pagina semplice che ha alcune sezioni iframe (per visualizzare i link RSS). Come posso applicare lo stesso formato CSS della pagina principale alla pagina visualizzata nell'iframe?
Se il contenuto dell'iframe non è completamente sotto il vostro controllo o volete accedere al contenuto da diverse pagine con stili diversi, potete provare a manipolarlo usando JavaScript.
var frm = frames['frame'].document;
var otherhead = frm.getElementsByTagName("head")[0];
var link = frm.createElement("link");
link.setAttribute("rel", "stylesheet");
link.setAttribute("type", "text/css");
link.setAttribute("href", "style.css");
otherhead.appendChild(link);
Nota che a seconda del browser che usi questo potrebbe funzionare solo su pagine servite dallo stesso dominio.
Un iframe è universalmente gestito come una diversa pagina HTML dalla maggior parte dei browser. Se volete applicare lo stesso foglio di stile al contenuto dell'iframe, basta fare riferimento alle pagine utilizzate al suo interno.
Se controlli la pagina nell'iframe, come ha detto hangy, l'approccio più semplice è quello di creare un file CSS condiviso con stili comuni, poi basta collegarsi ad esso dalle tue pagine html.
Altrimenti è improbabile che siate in grado di cambiare dinamicamente lo stile di una pagina da una pagina esterna nel vostro iframe. Questo perché i browser hanno rafforzato la sicurezza sul cross frame dom scripting a causa del possibile uso improprio per lo spoofing e altri hack.
Questo tutorial può fornirvi maggiori informazioni sullo scripting iframe in generale. Sul cross frame scripting spiega le restrizioni di sicurezza dalla prospettiva di IE.